Просмотр исходного кода

Fix some issues with longer project names.

Paulo Reis 9 лет назад
Родитель
Сommit
8a3f104c60

+ 8 - 15
services/web/public/stylesheets/app/project-list.less

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

+ 1 - 1
services/web/public/stylesheets/core/_common-variables.less

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

+ 1 - 2
services/web/public/stylesheets/core/ol-variables.less

@@ -111,14 +111,13 @@
 
 @folders-menu-margin            : 0 -(@grid-gutter-width / 2);;
 @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-title-padding          : @folders-menu-item-v-padding @folders-menu-item-v-padding;
 @folders-title-margin-top       : 0;
 @folders-title-margin-bottom    : 0;
 @folders-title-font-weight      : normal;
 @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-text-transform   : uppercase;
 @folders-tag-display            : block;