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 buttons inside alerts (previously had the same colours for backgrounds).

Browse source
This commit is contained in:
Paulo Reis 2018-08-31 16:29:49 +01:00
parent f88a3815c6
commit b8f14873d2
2 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -71,4 +71,7 @@
color: white;
text-decoration: underline;
}
.btn {
text-decoration: none;
}
}

8
services/web/public/stylesheets/core/mixins.less
View file

@ -438,6 +438,7 @@
.alert-link-as-btn when (@is-overleaf = true) {
display: inline-block;
font-weight: bold;
text-decoration: none;
.button-variant(#FFF, shade(@background, 20%), transparent);
.button-size(@padding-xs-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @btn-border-radius-small);
&:hover {
@ -511,6 +512,10 @@
background-color: @background;
border-color: @border;
.alert & when (@is-overleaf = true) {
background-color: darken(@background, 16%);
}
&:hover,
&:focus,
&:active,
@ -520,6 +525,9 @@
color: @color;
background-color: darken(@background, 8%);
border-color: darken(@border, 12%);
.alert & when (@is-overleaf = true) {
background-color: darken(@background, 24%);
}
}
&:active,
&.active,