extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-06-26 12:31:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

[bug] [design] improve link icon and letter spacing

Browse Source
This commit is contained in:
Kuldeep M 2019-06-04 08:56:06 +01:00
parent dffeb0bec9
commit f619ea714e
3 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/link.css
View File

@ -267,7 +267,7 @@
color: rgb(var(--black));
}
.bookmarks-url-light .link-url-text {
.is-bookmarks-url-light .link-url-text {
color: rgb(var(--white));
}
@ -277,23 +277,26 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: all var(--animation-speed-fast) ease-in-out;
transition: color var(--animation-speed-fast) ease-in-out;
}
.link-display-icon {
color: rgb(var(--accent));
transition: all var(--animation-speed-fast) ease-in-out;
transition: color var(--animation-speed-fast) ease-in-out;
}
.link-display-letter,
.link-display-icon {
margin: 0;
}
.is-bookmarks-style-block .link-display-letter {
margin: 0;
font-size: 2em;
text-align: center;
max-width: 100%;
}
.is-bookmarks-style-block .link-display-icon {
margin-bottom: 0.25em;
font-size: 2.5em;
text-align: center;
max-width: 100%;
@ -301,12 +304,21 @@
.is-bookmarks-style-list .link-display-letter,
.is-bookmarks-style-list .link-display-icon {
margin: 0 0.5em 0 0;
font-size: 1.5em;
flex-shrink: 0;
max-width: 50%;
}
.is-bookmarks-show-name.is-bookmarks-style-block .link-display-letter,
.is-bookmarks-show-name.is-bookmarks-style-block .link-display-icon {
margin-bottom: 0.25em;
}
.is-bookmarks-show-name.is-bookmarks-style-list .link-display-letter,
.is-bookmarks-show-name.is-bookmarks-style-list .link-display-icon {
margin-right: 0.5em
}
.link-item:hover .link-display-letter,
.link-item:focus .link-display-letter,
.link-item:hover .link-display-icon,

4
js/control.js
View File

@ -1855,11 +1855,11 @@ var control = (function() {
var urlText = {
dark: function() {
helper.addClass(html, "is-bookmarks-url-dark");
helper.removeClass(html, "bookmarks-url-light");
helper.removeClass(html, "is-bookmarks-url-light");
},
light: function() {
helper.removeClass(html, "is-bookmarks-url-dark");
helper.addClass(html, "bookmarks-url-light");
helper.addClass(html, "is-bookmarks-url-light");
}
};
urlText[state.get().link.url.style]();

2
js/version.js
View File

@ -1,7 +1,7 @@
var version = (function() {
// version is normally bumped when the state needs changing or any new functionality is added
var current = "3.1.7";
var current = "3.1.8";
var compare = function(a, b) {
var pa = a.split(".");