Fix some issues with longer project names.

This commit is contained in:
Paulo Reis 2017-10-09 16:19:02 +01:00
parent 407157e3eb
commit 8a3f104c60
3 changed files with 10 additions and 18 deletions

View file

@ -141,8 +141,6 @@ ul.folders-menu {
cursor: pointer; cursor: pointer;
position: relative; position: relative;
> a { > a {
font-size: 0.9rem;
line-height: @folders-menu-line-height;
display: block; display: block;
color: @sidebar-link-color; color: @sidebar-link-color;
padding: @folders-menu-item-v-padding @folders-menu-item-h-padding; padding: @folders-menu-item-v-padding @folders-menu-item-h-padding;
@ -183,7 +181,6 @@ ul.folders-menu {
margin-bottom: @folders-title-margin-bottom; margin-bottom: @folders-title-margin-bottom;
font-size: @folders-title-font-size; font-size: @folders-title-font-size;
color: @folders-title-color; color: @folders-title-color;
line-height: @folders-title-line-height;
text-transform: @folders-title-text-transform; text-transform: @folders-title-text-transform;
padding: @folders-title-padding; padding: @folders-title-padding;
font-weight: @folders-title-font-weight; font-weight: @folders-title-font-weight;
@ -303,17 +300,17 @@ ul.structured-list {
.header when (@is-overleaf = false) { .header when (@is-overleaf = false) {
text-transform: uppercase; text-transform: uppercase;
} }
.select-item, .select-all {
display: inline-block;
margin: 0 (@line-height-computed / 4);
}
// .select-item, .select-all { // .select-item, .select-all {
// position: absolute; // display: inline-block;
// left: @line-height-computed; // margin: 0 (@line-height-computed / 4);
// } // }
.select-item, .select-all {
position: absolute;
left: @line-height-computed;
}
.select-item + span, .select-all + span { .select-item + span, .select-all + span {
display: inline-block; display: inline-block;
padding-left: (@line-height-computed / 4); padding-left: @line-height-computed * 1.5;
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -328,7 +325,6 @@ ul.structured-list {
ul.project-list { ul.project-list {
li { li {
line-height: @structured-list-line-height;
.last-modified when (@is-overleaf = false) { .last-modified when (@is-overleaf = false) {
font-size: .8rem; font-size: .8rem;
} }
@ -338,7 +334,7 @@ ul.project-list {
.owner when (@is-overleaf = false) { .owner when (@is-overleaf = false) {
margin-right: 0; margin-right: 0;
} }
.projectName when (@is-overleaf = false) { .projectName {
margin-right: @line-height-computed / 4; margin-right: @line-height-computed / 4;
} }
@ -371,9 +367,6 @@ ul.project-list {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
} }
li when (@is-overleaf = true) {
padding: 0;
}
i.tablesort { i.tablesort {
padding-left: 8px; padding-left: 8px;
} }

View file

@ -822,6 +822,7 @@
@structured-header-border-color: @gray-lightest; @structured-header-border-color: @gray-lightest;
@structured-list-border-color: @gray-lightest; @structured-list-border-color: @gray-lightest;
@structured-list-hover-color: @gray-lightest; @structured-list-hover-color: @gray-lightest;
@structured-list-line-height: @line-height-base;
@sidebar-bg: transparent; @sidebar-bg: transparent;
@sidebar-color: @gray; @sidebar-color: @gray;
@ -831,7 +832,6 @@
@sidebar-hover-bg: transparent; @sidebar-hover-bg: transparent;
@sidebar-hover-text-decoration: underline; @sidebar-hover-text-decoration: underline;
@structured-list-line-height: inherit;
@folders-menu-margin: 0; @folders-menu-margin: 0;
@folders-menu-line-height: 1.2; @folders-menu-line-height: 1.2;
@folders-menu-item-v-padding: (@line-height-computed / 4); @folders-menu-item-v-padding: (@line-height-computed / 4);

View file

@ -111,14 +111,13 @@
@folders-menu-margin : 0 -(@grid-gutter-width / 2);; @folders-menu-margin : 0 -(@grid-gutter-width / 2);;
@folders-menu-line-height : @structured-list-line-height; @folders-menu-line-height : @structured-list-line-height;
@folders-menu-item-v-padding : 0; @folders-menu-item-v-padding : (@line-height-computed / 4);
@folders-menu-item-h-padding : (@grid-gutter-width / 2); @folders-menu-item-h-padding : (@grid-gutter-width / 2);
@folders-title-padding : @folders-menu-item-v-padding @folders-menu-item-v-padding; @folders-title-padding : @folders-menu-item-v-padding @folders-menu-item-v-padding;
@folders-title-margin-top : 0; @folders-title-margin-top : 0;
@folders-title-margin-bottom : 0; @folders-title-margin-bottom : 0;
@folders-title-font-weight : normal; @folders-title-font-weight : normal;
@folders-title-font-size : @font-size-small; @folders-title-font-size : @font-size-small;
@folders-title-line-height : unit((@font-size-base / @font-size-small) * @folders-menu-line-height);
@folders-title-color : @ol-blue-gray-2; @folders-title-color : @ol-blue-gray-2;
@folders-title-text-transform : uppercase; @folders-title-text-transform : uppercase;
@folders-tag-display : block; @folders-tag-display : block;