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

Create new style for links inside alerts; apply it to the reconnection alert.

Browse source
This commit is contained in:
Paulo Reis 2017-12-20 15:39:50 +00:00
parent 18ae27fd66
commit cf30cfd923
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -28,7 +28,7 @@ block content
.alert.alert-warning.small(ng-if="connection.reconnection_countdown")
strong #{translate("lost_connection")}.
| #{translate("reconnecting_in_x_secs", {seconds:"{{ connection.reconnection_countdown }}"})}.
a#try-reconnect-now-button.pull-right(href, ng-click="tryReconnectNow()") #{translate("try_now")}
a#try-reconnect-now-button.alert-link-as-btn.pull-right(href, ng-click="tryReconnectNow()") #{translate("try_now")}
.alert.alert-warning.small(ng-if="connection.reconnecting")
strong #{translate("reconnecting")}...

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

@ -434,6 +434,16 @@
.alert-link {
color: darken(@text-color, 10%);
}
.alert-link-as-btn when (@is-overleaf = true) {
display: inline-block;
font-weight: bold;
.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 {
text-decoration: none;
}
}
}
// Tables