open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweaks

Browse Source
This commit is contained in:
narcolepticinsomniac 2017-08-23 22:19:12 -04:00 committed by GitHub
parent 08da9afadf
commit 9df5540acc
1 changed files with 81 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
popup/popup.css
View File

@ -95,6 +95,10 @@ body.blocked > DIV {
text-decoration: none; text-decoration: none;
} }
#installed .actions a.delete {
width: 18px;
}
/* entry */ /* entry */
.entry { .entry {
@ -190,17 +194,53 @@ body.blocked > DIV {
fill: #666; fill: #666;
} }
.svg-icon.on, .svg-icon.off { a:hover .svg-icon.remove {
fill: #666;
}
.svg-icon.remove {
fill: #999;
}
.svg-icon.style-enabled, .svg-icon.style-disabled {
width: 23px; width: 23px;
height: 20px; height: 20px;
} }
a:hover .svg-icon.on, .svg-icon.off { #installed .actions a.enable .svg-icon {
fill: #999; transform: matrix(-1, 0, 0, 1, 0, 0);
} }
a:hover .svg-icon.off { #installed .actions a.enable, #installed .actions a.disable {
fill: #666; position: relative;
}
#installed .actions a.enable:before, #installed .actions a.disable:before {
content: '';
height: 12px;
width: 21px;
position: absolute;
top: 6px;
left: 1px;
border-radius: 10px;
transition: background-color .5s;
z-index: -1;
}
#installed .actions a.enable:before {
background-color: hsl(0, 0%, 88%);
}
#installed .actions a.disable:before {
background-color: hsl(0, 0%, 100%);
}
a:hover .svg-icon.style-enabled, .svg-icon.style-enabled {
fill: hsl(0, 0%, 60%);
}
a:hover .svg-icon.style-disabled, .svg-icon.style-disabled {
fill: hsl(0, 0%, 44%);
} }
.svg-icon.remove { .svg-icon.remove {
@ -215,18 +255,18 @@ a:hover .svg-icon.off {
} }
.svg-icon.open-manager { .svg-icon.open-manager {
width: 20px; width: 23px;
height: 20px; height: 23px;
} }
.svg-icon.open-options { .svg-icon.open-options {
width: 18px; width: 20px;
height: 18px; height: 20px;
} }
.svg-icon.find-styles { .svg-icon.find-styles {
width: 20px; width: 24px;
height: 20px; height: 24px;
} }
.svg-icon.open-shortcuts { .svg-icon.open-shortcuts {
@ -234,29 +274,23 @@ a:hover .svg-icon.off {
height: 24px; height: 24px;
} }
#installed .actions a.enable .svg-icon {
transform: matrix(-1, 0, 0, 1, 0, 0);
}
#disableAll-label { #disableAll-label {
cursor: pointer; cursor: pointer;
} }
#disableAll-label .svg-icon.disable-all { #disableAll-label .svg-icon.disable-all {
height: 18px; height: 22px;
width: 18px; width: 22px;
transition: transform .3s, fill .5s;
} }
#disable-all-wrapper input[type="checkbox"]:not(:checked) + .main-controls .svg-icon.disable-all.all-off { #disable-all-wrapper input[type="checkbox"]:checked + .main-controls .svg-icon.disable-all {
display: none; fill: #999;
transform: rotate(180deg);
} }
#disable-all-wrapper input[type="checkbox"]:checked + .main-controls .svg-icon.disable-all.all-on { #disable-all-wrapper input[type="checkbox"]:checked + .main-controls #disableAll-label:hover .svg-icon.disable-all {
display: none; fill: #666;
}
#installed .actions a.delete .svg-icon {
margin-top: -1px;
} }
#installed .actions a.enable, #installed .actions a.disable { #installed .actions a.enable, #installed .actions a.disable {
@ -264,7 +298,7 @@ a:hover .svg-icon.off {
} }
a:hover .svg-icon, #disableAll-label:hover .svg-icon { a:hover .svg-icon, #disableAll-label:hover .svg-icon {
fill: #000; fill: #999;
} }
.style-name:hover { .style-name:hover {
@ -290,6 +324,26 @@ body > .actions > .actions-inner > div[id] {
width: 24px; width: 24px;
} }
#manage {
order: 1;
}
#find-styles {
order: 2;
}
#options {
order: 3;
}
#shortcuts {
order: 4;
}
#disable-all-wrapper {
order: 5;
}
body > .actions > .actions-inner #disableAll-label, body > .actions > .actions-inner a { body > .actions > .actions-inner #disableAll-label, body > .actions > .actions-inner a {
display: inline-flex; display: inline-flex;
cursor: pointer; cursor: pointer;