github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-04-04 18:07:17 +00:00
Code Issues Projects Releases Packages Wiki Activity

Basic styles for editor toolbar

Browse source
This commit is contained in:
Alasdair Smith 2018-04-12 13:46:19 +01:00
parent d3d7bde6ef
commit c87cb1d361
4 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -39,7 +39,7 @@ div.full-size(
ace-editor="editor",
ng-if="!editor.richText",
ng-show="!!editor.sharejs_doc && !editor.opening",
style=showRichText ? "top: 40px" : "",
style=showRichText ? "top: 32px" : "",
theme="settings.theme",
keybindings="settings.mode",
font-size="settings.fontSize",

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

@ -81,7 +81,12 @@
}
#editor-rich-text {
top: 40px; // TODO: replace with toolbar height var
top: @editor-toolbar-height;
}
.toolbar-editor {
height: @editor-toolbar-height;
background-color: @editor-toolbar-bg;
}
.loading-screen {

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

@ -932,6 +932,10 @@
@synctex-controls-z-index : 3;
@synctex-controls-padding : 0 2px;
// Editor toolbar
@editor-toolbar-height : 32px;
@editor-toolbar-bg : #fff;
// Chat
@chat-bg : transparent;
@chat-message-color : @text-color;

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

@ -235,6 +235,9 @@
@synctex-controls-padding : 0;
@editor-border-color : @ol-blue-gray-5;
// Editor toolbar
@editor-toolbar-bg : @ol-blue-gray-5;
// Chat
@chat-bg : @ol-blue-gray-5;
@chat-message-color : #FFF;