Browse Source

Fix editor overleaf logo on editor disappears if menu button is pressed in light theme

GitOrigin-RevId: a4f104cf988bfc267ba70cbe546e150bea773691
M Fahru 3 years ago
parent
commit
19e1d50e2e

+ 3 - 0
services/web/frontend/stylesheets/app/editor/toolbar.less

@@ -93,6 +93,9 @@
       color: @toolbar-btn-active-color;
       color: @toolbar-btn-active-color;
       background-color: @toolbar-btn-active-bg-color;
       background-color: @toolbar-btn-active-bg-color;
       box-shadow: @toolbar-btn-active-shadow;
       box-shadow: @toolbar-btn-active-shadow;
+      .editor-menu-icon {
+        background: @editor-header-logo-background-active;
+      }
     }
     }
     .label {
     .label {
       top: 4px;
       top: 4px;

+ 2 - 0
services/web/frontend/stylesheets/core/ol-light-variables.less

@@ -77,6 +77,8 @@
 @toolbar-icon-btn-hover-color: @ol-blue-gray-3;
 @toolbar-icon-btn-hover-color: @ol-blue-gray-3;
 @editor-header-logo-background: url(../../../public/img/ol-brand/overleaf-o.svg)
 @editor-header-logo-background: url(../../../public/img/ol-brand/overleaf-o.svg)
   center / contain no-repeat;
   center / contain no-repeat;
+@editor-header-logo-background-active: url(../../../public/img/ol-brand/overleaf-o-white.svg)
+  center / contain no-repeat;
 @project-name-color: @ol-blue-gray-3;
 @project-name-color: @ol-blue-gray-3;
 @project-rename-link-color: @ol-blue-gray-3;
 @project-rename-link-color: @ol-blue-gray-3;
 @project-rename-link-color-hover: @ol-blue-gray-4;
 @project-rename-link-color-hover: @ol-blue-gray-4;

+ 2 - 0
services/web/frontend/stylesheets/core/variables.less

@@ -58,6 +58,8 @@
 
 
 @editor-header-logo-background: url(../../../public/img/ol-brand/overleaf-o-white.svg)
 @editor-header-logo-background: url(../../../public/img/ol-brand/overleaf-o-white.svg)
   center / contain no-repeat;
   center / contain no-repeat;
+@editor-header-logo-background-active: url(../../../public/img/ol-brand/overleaf-o-white.svg)
+  center / contain no-repeat;
 @editor-loading-logo-padding-top: 115.44%;
 @editor-loading-logo-padding-top: 115.44%;
 @editor-loading-logo-background-url: url(../../../public/img/ol-brand/overleaf-o-grey.svg);
 @editor-loading-logo-background-url: url(../../../public/img/ol-brand/overleaf-o-grey.svg);
 @editor-loading-logo-foreground-url: url(../../../public/img/ol-brand/overleaf-o.svg);
 @editor-loading-logo-foreground-url: url(../../../public/img/ol-brand/overleaf-o.svg);

+ 2 - 0
services/web/frontend/stylesheets/variables/all.less

@@ -6,6 +6,8 @@
 
 
 @editor-header-logo-background: url(../../../public/img/ol-brand/overleaf-o-white.svg)
 @editor-header-logo-background: url(../../../public/img/ol-brand/overleaf-o-white.svg)
   center / contain no-repeat;
   center / contain no-repeat;
+@editor-header-logo-background-active: url(../../../public/img/ol-brand/overleaf-o-white.svg)
+  center / contain no-repeat;
 @editor-loading-logo-padding-top: 115.44%;
 @editor-loading-logo-padding-top: 115.44%;
 @editor-loading-logo-background-url: url(../../../public/img/ol-brand/overleaf-o-grey.svg);
 @editor-loading-logo-background-url: url(../../../public/img/ol-brand/overleaf-o-grey.svg);
 @editor-loading-logo-foreground-url: url(../../../public/img/ol-brand/overleaf-o.svg);
 @editor-loading-logo-foreground-url: url(../../../public/img/ol-brand/overleaf-o.svg);

+ 2 - 0
services/web/frontend/stylesheets/variables/themes/light.less

@@ -66,6 +66,8 @@
 @toolbar-icon-btn-hover-color: @neutral-70;
 @toolbar-icon-btn-hover-color: @neutral-70;
 @editor-header-logo-background: url(../../../../public/img/ol-brand/overleaf-o.svg)
 @editor-header-logo-background: url(../../../../public/img/ol-brand/overleaf-o.svg)
   center / contain no-repeat;
   center / contain no-repeat;
+@editor-header-logo-background-active: url(../../../../public/img/ol-brand/overleaf-o-white.svg)
+  center / contain no-repeat;
 @project-name-color: @neutral-70;
 @project-name-color: @neutral-70;
 @project-rename-link-color: @neutral-70;
 @project-rename-link-color: @neutral-70;
 @project-rename-link-color-hover: @neutral-70;
 @project-rename-link-color-hover: @neutral-70;