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

Adjust toolbar paddings; adjust Overleaf menu icon width.

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

+ 10 - 6
services/web/public/stylesheets/app/editor.less

@@ -27,13 +27,17 @@
 }
 
 .editor-menu-icon when (@is-overleaf = true) {
-	&.fa::before {
-		// Disable the font-awesome icon when in Overleaf by replacing it with a
-		// non-breakable space instead (otherwise the browser would render a 
-		// zero-width element).
-		content: "\00a0"; 
+	&.fa {
+		width: 1em;
+		background: url(/img/ol-brand/overleaf-o-white.svg) center / contain no-repeat;
+		
+		&::before {
+			// Disable the font-awesome icon when in Overleaf by replacing it with a
+			// non-breakable space instead (otherwise the browser would render a 
+			// zero-width element).
+			content: "\00a0"; 
+		}
 	}
-	background: url(/img/ol-brand/overleaf-o-white.svg) center / contain no-repeat;
 }
 
 .full-size {

+ 1 - 0
services/web/public/stylesheets/app/editor/file-tree.less

@@ -3,6 +3,7 @@
 	.toolbar.toolbar-filetree {
 		.toolbar-small-mixin;
 		.toolbar-alt-mixin;
+		padding: 0 5px;
 	}
 	
 	.file-tree-inner {

+ 3 - 1
services/web/public/stylesheets/app/editor/pdf.less

@@ -1,6 +1,8 @@
 .pdf .toolbar.toolbar-pdf when (@is-overleaf = true) {
 	.toolbar-small-mixin;
 	.toolbar-alt-mixin;
+	border-bottom: 0;
+	padding-right: 5px;
 }
 
 .pdf .toolbar.toolbar-pdf when (@is-overleaf = false) {
@@ -23,7 +25,7 @@
 }
 
 .btn-recompile-group when (@is-overleaf = true) {
-	height: 100%;
+	margin-right: 5px;
 }
 
 .btn-recompile when (@is-overleaf = true) {