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

4
js/control.js
View File

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

2
js/version.js
View File

@ -1,7 +1,7 @@
var version = (function() { var version = (function() {
// version is normally bumped when the state needs changing or any new functionality is added // 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 compare = function(a, b) {
var pa = a.split("."); var pa = a.split(".");