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

Make history file tree more like the editor file tree in SL.

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

+ 17 - 0
services/web/public/stylesheets/app/editor/history-v2.less

@@ -105,6 +105,11 @@
 		font-family: @font-family-serif;
 		font-family: @font-family-serif;
 	}
 	}
 }
 }
+
+.history-file-tree-inner when (@is-overleaf = false) {
+	font-size: 0.8rem;
+}
+
 	.history-file-entity-wrapper {
 	.history-file-entity-wrapper {
 		color: #FFF;
 		color: #FFF;
 		margin-left: (@line-height-computed / 2);
 		margin-left: (@line-height-computed / 2);
@@ -132,6 +137,7 @@
 			background-color: @file-tree-item-selected-bg;
 			background-color: @file-tree-item-selected-bg;
 			font-weight: bold;
 			font-weight: bold;
 			padding-right: 32px;
 			padding-right: 32px;
+			color: #FFF;
 			.fake-full-width-bg(@file-tree-item-selected-bg);
 			.fake-full-width-bg(@file-tree-item-selected-bg);
 			&:hover {
 			&:hover {
 				background-color: @file-tree-item-hover-bg;
 				background-color: @file-tree-item-hover-bg;
@@ -152,6 +158,17 @@
 				overflow: hidden;
 				overflow: hidden;
 				text-overflow: ellipsis;
 				text-overflow: ellipsis;
 			}
 			}
+
+		.history-file-entity-link-selected when (@is-overleaf = false) {
+			color: @brand-primary;
+			&:hover,
+			&:focus {
+				color: @brand-primary;
+			}
+			.history-file-entity-icon {
+				color: @brand-primary;
+			}
+		}
 // @changesListWidth:   250px;
 // @changesListWidth:   250px;
 // @changesListPadding: @line-height-computed / 2;
 // @changesListPadding: @line-height-computed / 2;
 
 

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

@@ -976,11 +976,12 @@
 @sys-msg-border     : 1px solid @common-border-color;
 @sys-msg-border     : 1px solid @common-border-color;
 
 
 // v2 History
 // v2 History
-@history-base-font-size    : @font-size-small;
-@history-base-bg           : @gray-lightest;
-@history-entry-day-bg      : @gray;
-@history-entry-selected-bg : @red;
-@history-base-color        : @gray-light;
-@history-highlight-color   : @gray;
-@history-toolbar-bg-color  : @toolbar-alt-bg-color;
-@history-toolbar-color     : @text-color;
+@history-base-font-size           : @font-size-small;
+@history-base-bg                  : @gray-lightest;
+@history-entry-day-bg             : @gray;
+@history-entry-selected-bg        : @red;
+@history-base-color               : @gray-light;
+@history-highlight-color          : @gray;
+@history-toolbar-bg-color         : @toolbar-alt-bg-color;
+@history-toolbar-color            : @text-color;
+

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

@@ -267,14 +267,14 @@
 
 
 
 
 // v2 History
 // v2 History
-@history-base-font-size    : @font-size-small;
-@history-base-bg           : @ol-blue-gray-1;
-@history-entry-day-bg      : @ol-blue-gray-2;
-@history-entry-selected-bg : @ol-green;
-@history-base-color        : @ol-blue-gray-2;
-@history-highlight-color   : @ol-type-color;
-@history-toolbar-bg-color  : @editor-toolbar-bg;
-@history-toolbar-color     : #FFF;
+@history-base-font-size          : @font-size-small;
+@history-base-bg                 : @ol-blue-gray-1;
+@history-entry-day-bg            : @ol-blue-gray-2;
+@history-entry-selected-bg       : @ol-green;
+@history-base-color              : @ol-blue-gray-2;
+@history-highlight-color         : @ol-type-color;
+@history-toolbar-bg-color        : @editor-toolbar-bg;
+@history-toolbar-color           : #FFF;
 
 
 // System messages
 // System messages
 @sys-msg-background             : @ol-blue;
 @sys-msg-background             : @ol-blue;