Просмотр исходного кода

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

Paulo Reis 8 лет назад
Родитель
Сommit
cf30cfd923

+ 1 - 1
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")}...

+ 10 - 0
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