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

Style logs, log hints and alerts in general.

Browse source
This commit is contained in:
Paulo Reis 2017-12-07 16:35:39 +00:00
parent 1a6e831b9e
commit 5bea196b8f
5 changed files with 58 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
services/web/public/stylesheets/app/editor/pdf.less
View file

@ -10,7 +10,7 @@
padding: 0 (@line-height-computed / 2);
}
.pdf §{
.pdf {
background-color: @pdf-bg;
}
@ -183,7 +183,7 @@
cursor: pointer;
.line-no {
float: right;
color: @gray;
color: @log-line-no-color;
font-weight: 700;
.fa {
@ -303,22 +303,22 @@
}
.alert-danger & {
color: @alert-danger-border;
color: @state-danger-border;
}
.alert-warning & {
color: @alert-warning-border;
color: @state-warning-border;
}
.alert-info & {
color: @alert-info-border;
color: @state-info-border;
}
}
&-text,
&-feedback-label {
color: @gray-dark;
color: @log-hints-color;
font-size: 0.9rem;
margin-bottom: 20px;
}
@ -343,25 +343,25 @@
&-actions a,
&-text a {
.alert-danger & {
color: @alert-danger-text;
color: @state-danger-text;
}
.alert-warning & {
color: @alert-warning-text;
color: @state-warning-text;
}
.alert-info & {
color: @alert-info-text;
color: @state-info-text;
}
}
&-feedback {
color: @gray-dark;
color: @log-hints-color;
float: right;
}
&-extra-feedback {
color: @gray-dark;
color: @log-hints-color;
font-size: 0.8rem;
margin-top: 10px;
padding-bottom: 5px;

2
services/web/public/stylesheets/components/alerts.less
View file

@ -10,7 +10,7 @@
padding: @alert-padding;
margin-bottom: @line-height-computed;
border-left: 3px solid transparent;
// border-radius: @alert-border-radius;
border-radius: @alert-border-radius;
// Headings for larger alerts
h4 {

1
services/web/public/stylesheets/components/card.less
View file

@ -1,7 +1,6 @@
.card {
background-color: white;
border-radius: @border-radius-base;
-webkit-box-shadow: @card-box-shadow;
box-shadow: @card-box-shadow;
padding: @line-height-computed;
.page-header {

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

@ -550,7 +550,7 @@
//## Define alert colors, border radius, and padding.
@alert-padding: 15px;
@alert-border-radius: @border-radius-base;
@alert-border-radius: 0;
@alert-link-font-weight: bold;
@alert-success-bg: @state-success-bg;
@ -925,7 +925,8 @@
@pdf-bg : transparent;
@pdfjs-bg : @gray-lighter;
@pdf-page-shadow-color : #000;
@log-line-no-color : @gray;
@log-hints-color : @gray-dark;
// Tags
@tag-border-radius : 0.25em;
@tag-bg-color : @label-default-bg;

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

@ -64,6 +64,44 @@
@btn-info-bg : @ol-blue;
@btn-info-border : transparent;
// Alerts
@alert-padding : 15px;
@alert-border-radius : @border-radius-base;
@alert-link-font-weight : bold;
@alert-success-bg : @brand-success;
@alert-success-text : #FFF;
@alert-success-border: transparent;
@alert-info-bg : @brand-info;
@alert-info-text : #FFF;
@alert-info-border : transparent;
@alert-warning-bg : @brand-warning;
@alert-warning-text : #FFF;
@alert-warning-border: transparent;
@alert-danger-bg : @brand-danger;
@alert-danger-text : #FFF;
@alert-danger-border : transparent;
// @state-success-text: darken(@brand-success, 20%);
// @state-success-bg: lighten(@brand-success, 50%);
// @state-success-border: darken(@brand-success, 5%);
// @state-info-text: darken(@brand-info, 20%);
// @state-info-bg: lighten(@brand-info, 47%);
// @state-info-border: darken(@brand-info, 7%);
// @state-warning-text: darken(@brand-warning, 10%);
// @state-warning-bg: lighten(@brand-warning, 45%);
// @state-warning-border: @brand-warning;
// @state-danger-text: darken(@brand-danger, 10%);
// @state-danger-bg: lighten(@brand-danger, 50%);
// @state-danger-border: darken(@brand-danger, 5%);
// Tags
@tag-border-radius : 9999px;
@tag-bg-color : @ol-green;
@ -189,9 +227,11 @@
// PDF
@pdf-top-offset : @toolbar-small-height;
@pdf-bg : transparent;
@pdfjs-bg : @ol-blue-gray-1;
@pdf-bg : @ol-blue-gray-1;
@pdfjs-bg : transparent;
@pdf-page-shadow-color : rgba(0, 0, 0, 0.5);
@log-line-no-color : #FFF;
@log-hints-color : @ol-blue-gray-4;
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
@ -213,7 +253,7 @@
@brand-primary: @ol-green;
@brand-success: @green;
@brand-info: @ol-dark-green;
@brand-info: @ol-blue;
@brand-warning: @orange;
@brand-danger: #E03A06;