mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-07 20:31:06 -05:00
V2 styling for system messages.
This commit is contained in:
parent
525deabc2b
commit
8d2db3b31e
4 changed files with 36 additions and 11 deletions
|
@ -1,8 +1,14 @@
|
|||
.system-message {
|
||||
padding: (@line-height-computed / 4) (@line-height-computed / 2);
|
||||
background-color: @state-warning-bg;
|
||||
color: #333;
|
||||
border-bottom: 1px solid @common-border-color;
|
||||
background-color: @sys-msg-background;
|
||||
color: @sys-msg-color;
|
||||
border-bottom: @sys-msg-border;
|
||||
}
|
||||
|
||||
.system-message .close when (@is-overleaf = true) {
|
||||
color: #FFF;
|
||||
opacity: 1;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.clickable {
|
||||
|
|
|
@ -1,14 +1,23 @@
|
|||
|
||||
.translations-message {
|
||||
padding: (@line-height-computed / 4) (@line-height-computed / 2);
|
||||
background-color: @state-warning-bg;
|
||||
color: #333;
|
||||
border-bottom: 1px solid @common-border-color;
|
||||
.system-message;
|
||||
text-align:center;
|
||||
|
||||
img {
|
||||
vertical-align: text-bottom;
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.translations-message when (@is-overleaf = true) {
|
||||
.close {
|
||||
color: #FFF;
|
||||
opacity: 1;
|
||||
text-shadow: none;
|
||||
}
|
||||
a {
|
||||
color: #FFF;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -959,4 +959,9 @@
|
|||
@tag-max-width : 150px;
|
||||
@tag-bg-hover-color : darken(@label-default-bg, 10%);
|
||||
@tag-top-adjustment : -2px;
|
||||
@labels-font-size : 75%;
|
||||
@labels-font-size : 75%;
|
||||
|
||||
// System messages
|
||||
@sys-msg-background : @state-warning-bg;
|
||||
@sys-msg-color : #333;
|
||||
@sys-msg-border : 1px solid @common-border-color;
|
|
@ -256,6 +256,11 @@
|
|||
@log-line-no-color : #FFF;
|
||||
@log-hints-color : @ol-blue-gray-4;
|
||||
|
||||
// System messages
|
||||
@sys-msg-background : @ol-blue;
|
||||
@sys-msg-color : #FFF;
|
||||
@sys-msg-border : solid 1px lighten(@ol-blue, 10%);
|
||||
|
||||
//== Colors
|
||||
//
|
||||
//## Gray and brand colors for use across Bootstrap.
|
||||
|
|
Loading…
Reference in a new issue