github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Nicer v2 styles

Browse source
This commit is contained in:
Alasdair Smith 2018-06-01 13:19:00 +01:00
parent 12d7eb8a46
commit ea18d606c4
3 changed files with 24 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -259,6 +259,8 @@
} }
.formatting-btn { .formatting-btn {
color: @formatting-btn-color;
background-color: @formatting-btn-bg;
padding: 0; padding: 0;
height: 100%; height: 100%;
display: flex; display: flex;
@ -266,9 +268,13 @@
justify-content: center; justify-content: center;
box-shadow: none; box-shadow: none;
border: none; border: none;
border-left: 1px solid #ccc; border-left: 1px solid @formatting-btn-border;
border-radius: 0; border-radius: 0;
&:hover {
color: @formatting-btn-color;
}
&--icon { &--icon {
min-width: 32px; min-width: 32px;
width: 32px; width: 32px;
@ -296,10 +302,15 @@
.formatting-menu { .formatting-menu {
min-width: auto; min-width: auto;
max-width: 130px; max-width: 130px;
background-color: @formatting-menu-bg;
.formatting-menu-item { .formatting-menu-item {
float: left; float: left;
.formatting-btn {
border-right: none;
}
&:nth-of-type(4n + 1) .formatting-btn { &:nth-of-type(4n + 1) .formatting-btn {
border-left: none; border-left: none;
} }

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

@ -941,6 +941,12 @@
@toggle-switch-bg : @gray-lightest; @toggle-switch-bg : @gray-lightest;
@toggle-switch-highlight-color : @brand-primary; @toggle-switch-highlight-color : @brand-primary;
// Formatting buttons
@formatting-btn-color : @btn-default-color;
@formatting-btn-bg : @btn-default-bg;
@formatting-btn-border : @btn-default-border;
@formatting-menu-bg : @btn-default-bg;
// Chat // Chat
@chat-bg : transparent; @chat-bg : transparent;
@chat-message-color : @text-color; @chat-message-color : @text-color;

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

@ -244,6 +244,12 @@
@toggle-switch-radius-left : @btn-border-radius-base 0 0 @btn-border-radius-base; @toggle-switch-radius-left : @btn-border-radius-base 0 0 @btn-border-radius-base;
@toggle-switch-radius-right : 0 @btn-border-radius-base @btn-border-radius-base 0; @toggle-switch-radius-right : 0 @btn-border-radius-base @btn-border-radius-base 0;
// Formatting buttons
@formatting-btn-color : #FFF;
@formatting-btn-bg : @ol-blue-gray-5;
@formatting-btn-border : @ol-blue-gray-4;
@formatting-menu-bg : @ol-blue-gray-5;
// Chat // Chat
@chat-bg : @ol-blue-gray-5; @chat-bg : @ol-blue-gray-5;
@chat-message-color : #FFF; @chat-message-color : #FFF;