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

Popup adjustments for common zoom levels

Browse Source 
Fixes #133
This commit is contained in:
narcolepticinsomniac 2017-08-07 17:15:19 -04:00 committed by GitHub
parent 975411d567
commit ede3725268
1 changed files with 66 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
popup/popup.css
View File

@ -69,19 +69,16 @@ a:hover {
display: table-cell; display: table-cell;
} }
#installed {
border-bottom: 1px solid black;
padding-bottom: 2px;
}
body > DIV:last-of-type, body > DIV:last-of-type,
body.blocked > DIV { body.blocked > DIV {
border-bottom: none; border-bottom: none;
} }
#installed { #installed {
border-bottom: 1px solid black;
padding-bottom: 2px;
padding-top: 2px; padding-top: 2px;
max-height: 434px; max-height: 445px;
overflow-y: auto; overflow-y: auto;
} }
@ -475,3 +472,66 @@ body.blocked .actions > .left-gutter {
background-color: transparent; background-color: transparent;
} }
} }
/* Popup adjustments for common zoom levels */
@media (-webkit-min-device-pixel-ratio: 1.05) {
#installed {
max-height: 420px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.1) {
#installed {
max-height: 393px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.15) {
#installed {
max-height: 371px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.2) {
#installed {
max-height: 348px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
#installed {
max-height: 326px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.30) {
#installed {
max-height: 306px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.35) {
#installed {
max-height: 288px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.4) {
#installed {
max-height: 271px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.45) {
#installed {
max-height: 256px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.5) {
#installed {
max-height: 244px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.55) {
#installed {
max-height: 199px;
}
}
@media (-webkit-min-device-pixel-ratio: 1.75) {
#installed {
max-height: 144px;
}
}