From cf30cfd92372454f8e1f06cf79d9286f3c1adde0 Mon Sep 17 00:00:00 2001 From: Paulo Reis Date: Wed, 20 Dec 2017 15:39:50 +0000 Subject: [PATCH] Create new style for links inside alerts; apply it to the reconnection alert. --- services/web/app/views/project/editor.pug | 2 +- services/web/public/stylesheets/core/mixins.less | 10 ++++++++++ 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/services/web/app/views/project/editor.pug b/services/web/app/views/project/editor.pug index 4a35b930ff..2279d39e53 100644 --- a/services/web/app/views/project/editor.pug +++ b/services/web/app/views/project/editor.pug @@ -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")}... diff --git a/services/web/public/stylesheets/core/mixins.less b/services/web/public/stylesheets/core/mixins.less index 3a48dd027c..bb5068f54d 100755 --- a/services/web/public/stylesheets/core/mixins.less +++ b/services/web/public/stylesheets/core/mixins.less @@ -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