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

Fix entry height variable

Browse Source
This commit is contained in:
Rob Garrison 2019-01-13 15:39:50 -06:00
parent 67593416fb
commit 3042054287
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
manage/manage.css
View File

@ -5,7 +5,7 @@
--narrow-column: 75px; --narrow-column: 75px;
--header-height: 40px; --header-height: 40px;
--toolbar-height: 60px; --toolbar-height: 60px;
--entry-header-height: 25px; --entry-height: 30px;
--onoffswitch-width: 60px; --onoffswitch-width: 60px;
--header-bg-color: #333; --header-bg-color: #333;
@ -169,13 +169,13 @@ a:hover {
color: var(--entry-header-text-color); color: var(--entry-header-text-color);
position: fixed; position: fixed;
top: var(--header-height); top: var(--header-height);
height: var(--entry-header-height);
z-index: 100; z-index: 100;
} }
#installed .entry, #installed .entry,
#installed .entry-header { #installed .entry-header {
width: calc(100vw - 1.5em); width: calc(100vw - 1.5em);
height: var(--entry-height);
display: flex; display: flex;
flex: 0 0 var(--narrow-column); flex: 0 0 var(--narrow-column);
flex-flow: row nowrap; flex-flow: row nowrap;
@ -183,11 +183,10 @@ a:hover {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0; padding: 0;
height: 30px;
} }
#installed, #options, #backup { #installed, #options, #backup {
margin-top: calc(var(--header-height) + var(--entry-header-height)); margin-top: calc(var(--header-height) + var(--entry-height));
} }
#installed .entry:last-child { #installed .entry:last-child {
@ -271,6 +270,15 @@ body.all-styles-hidden-by-filters #installed:after {
padding: 8px 0; padding: 8px 0;
} }
.entry-name-text {
display: inline-block;
max-width: 30vw;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
}
.entry-header:not(.sortable) { .entry-header:not(.sortable) {
cursor: default; cursor: default;
} }
@ -666,7 +674,7 @@ details.applies-to-extra[open] {
} }
#tools-wrapper:not(.hidden) + #installed { #tools-wrapper:not(.hidden) + #installed {
margin-top: calc(var(--header-height) + var(--toolbar-height) + var(--entry-header-height)); margin-top: calc(var(--header-height) + var(--toolbar-height) + var(--entry-height));
} }
#tools-wrapper:not(.hidden) + #installed .entry-header { #tools-wrapper:not(.hidden) + #installed .entry-header {
top: calc(var(--header-height) + var(--toolbar-height)); top: calc(var(--header-height) + var(--toolbar-height));
@ -928,6 +936,9 @@ details.applies-to-extra[open] {
.entry-name { .entry-name {
flex: 1; flex: 1;
} }
.entry-name-text {
max-width: 10vw;
}
.entry-actions { .entry-actions {
white-space: normal; white-space: normal;
} }