github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-09-16 02:52:31 -04:00
Code Issues Projects Releases Packages Wiki Activity

Make the back to projects button closer to current SL.

Browse source
This commit is contained in:
Paulo Reis 2017-12-05 10:20:25 +00:00
parent aab43f5916
commit a88538c3fd
4 changed files with 37 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
services/web/app/views/project/editor/header.pug
View file

@ -9,7 +9,7 @@ header.toolbar.toolbar-header.toolbar-with-labels(
) )
i.fa.fa-fw.fa-bars.editor-menu-icon i.fa.fa-fw.fa-bars.editor-menu-icon
p.toolbar-label #{translate("menu")} p.toolbar-label #{translate("menu")}
a( a.toolbar-header-back-projects(
href="/project" href="/project"
) )
i.fa.fa-fw.fa-level-up i.fa.fa-fw.fa-level-up

7
services/web/public/stylesheets/app/editor/toolbar.less
View file

@ -27,6 +27,10 @@
color: @toolbar-icon-btn-color; color: @toolbar-icon-btn-color;
padding: 0 5px; padding: 0 5px;
border-radius: @border-radius-small; border-radius: @border-radius-small;
&.toolbar-header-back-projects {
padding: 5px 10px 4px;
margin-bottom: 1px;
}
&:hover { &:hover {
text-shadow: @toolbar-icon-btn-hover-shadow; text-shadow: @toolbar-icon-btn-hover-shadow;
color: @toolbar-icon-btn-hover-color; color: @toolbar-icon-btn-hover-color;
@ -38,7 +42,7 @@
} }
color: white; color: white;
background-color: @link-color; background-color: @link-color;
.box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.225)); box-shadow: @toolbar-icon-btn-hover-boxshadow;
&:hover { &:hover {
color: white; color: white;
} }
@ -124,7 +128,6 @@
} }
} }
.toolbar-small-mixin() { .toolbar-small-mixin() {
height: 32px; height: 32px;
} }

29
services/web/public/stylesheets/core/_common-variables.less
View file

@ -889,20 +889,21 @@
@footer-padding : 2em; @footer-padding : 2em;
// Editor header // Editor header
@toolbar-header-bg-color : transparent; @toolbar-header-bg-color : transparent;
@toolbar-header-shadow : 0 0 2px #ccc; @toolbar-header-shadow : 0 0 2px #ccc;
@toolbar-btn-color : @link-color; @toolbar-btn-color : @link-color;
@toolbar-btn-hover-color : @link-hover-color; @toolbar-btn-hover-color : @link-hover-color;
@toolbar-btn-hover-bg-color : darken(white, 10%); @toolbar-btn-hover-bg-color : darken(white, 10%);
@toolbar-btn-hover-text-shadow : 0 1px 0 rgba(0, 0, 0, 0.15); @toolbar-btn-hover-text-shadow : 0 1px 0 rgba(0, 0, 0, 0.15);
@toolbar-btn-active-color : white; @toolbar-btn-active-color : white;
@toolbar-btn-active-bg-color : @link-color; @toolbar-btn-active-bg-color : @link-color;
@toolbar-btn-active-shadow : inset 0 3px 5px rgba(0, 0, 0, 0.225); @toolbar-btn-active-shadow : inset 0 3px 5px rgba(0, 0, 0, 0.225);
@toolbar-alt-bg-color : #fafafa; @toolbar-alt-bg-color : #fafafa;
@toolbar-icon-btn-color : @gray-light; @toolbar-icon-btn-color : @gray-light;
@toolbar-icon-btn-hover-color : @gray-dark; @toolbar-icon-btn-hover-color : @gray-dark;
@toolbar-icon-btn-hover-shadow : 0 1px 0 rgba(0, 0, 0, 0.25); @toolbar-icon-btn-hover-shadow : 0 1px 0 rgba(0, 0, 0, 0.25);
@toolbar-border-bottom : 1px solid @toolbar-border-color; @toolbar-icon-btn-hover-boxshadow : inset 0 3px 5px rgba(0, 0, 0, 0.225);
@toolbar-border-bottom : 1px solid @toolbar-border-color;
// Editor file-tree // Editor file-tree
@file-tree-bg : transparent; @file-tree-bg : transparent;

31
services/web/public/stylesheets/core/ol-variables.less
View file

@ -157,21 +157,22 @@
@footer-padding : 2em 0; @footer-padding : 2em 0;
// Editor header // Editor header
@toolbar-header-bg-color : @ol-blue-gray-6; @toolbar-header-bg-color : @ol-blue-gray-6;
@toolbar-header-shadow : none; @toolbar-header-shadow : none;
@toolbar-btn-color : #FFF; @toolbar-btn-color : #FFF;
@toolbar-btn-hover-color : #FFF; @toolbar-btn-hover-color : #FFF;
@toolbar-btn-hover-bg-color : @ol-blue-gray-5; @toolbar-btn-hover-bg-color : @ol-blue-gray-5;
@toolbar-btn-hover-text-shadow : none; @toolbar-btn-hover-text-shadow : none;
@toolbar-btn-active-color : #FFF; @toolbar-btn-active-color : #FFF;
@toolbar-btn-active-bg-color : @ol-green; @toolbar-btn-active-bg-color : @ol-green;
@toolbar-btn-active-shadow : none; @toolbar-btn-active-shadow : none;
@toolbar-border-color : @ol-blue-gray-5; @toolbar-border-color : @ol-blue-gray-5;
@toolbar-alt-bg-color : @ol-blue-gray-5; @toolbar-alt-bg-color : @ol-blue-gray-5;
@toolbar-icon-btn-color : #FFF; @toolbar-icon-btn-color : #FFF;
@toolbar-icon-btn-hover-color : #FFF; @toolbar-icon-btn-hover-color : #FFF;
@toolbar-icon-btn-hover-shadow : none; @toolbar-icon-btn-hover-shadow : none;
@toolbar-border-bottom : 1px solid @toolbar-border-color; @toolbar-icon-btn-hover-boxshadow : none;
@toolbar-border-bottom : 1px solid @toolbar-border-color;
// Editor file-tree // Editor file-tree
@file-tree-bg : @ol-blue-gray-4; @file-tree-bg : @ol-blue-gray-4;
@file-tree-line-height : 2.05; @file-tree-line-height : 2.05;