Fixes #7150: colorize links in alerts

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 118aa49235d7e2bb43f864dd18b349cfef24507b..469d946b9ecd25324e892390e23e9bc96ebe50c8 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1721,6 +1721,7 @@ select:focus:invalid:focus {
 .btn.disabled,
 .btn[disabled],
 fieldset[disabled] .btn {
+  pointer-events: none;
   cursor: default;
   opacity: 0.65;
   filter: alpha(opacity=65);
@@ -4261,6 +4262,12 @@ button.close {
   border-top-color: #f8e5be;
 }
 
+.alert > a,
+.alert > p > a {
+  font-weight: 500;
+  color: #a47e3c;
+}
+
 .close {
   position: relative;
   top: -2px;
@@ -4279,6 +4286,11 @@ button.close {
   border-top-color: #c9e2b3;
 }
 
+.alert-success > a,
+.alert-success > p > a {
+  color: #356635;
+}
+
 .alert-danger,
 .alert-error {
   color: #b94a48;
@@ -4291,6 +4303,13 @@ button.close {
   border-top-color: #e6c1c7;
 }
 
+.alert-danger > a,
+.alert-error > a,
+.alert-danger > p > a,
+.alert-error > p > a {
+  color: #953b39;
+}
+
 .alert-info {
   color: #3a87ad;
   background-color: #d9edf7;
@@ -4301,6 +4320,11 @@ button.close {
   border-top-color: #a6e1ec;
 }
 
+.alert-info > a,
+.alert-info > p > a {
+  color: #2d6987;
+}
+
 .alert-block {
   padding-top: 14px;
   padding-bottom: 14px;

diff --git a/less/alerts.less b/less/alerts.less
index 04b3f46b4dcbe369f9c213eba0af3687395f4ddf..7f627fadf73843bf8cd25be846c8e4e004d1d52e 100644 (file)
--- a/less/alerts.less
+++ b/less/alerts.less
@@ -24,6 +24,12 @@
   hr {
     border-top-color: darken(@state-warning-border, 5%);
   }
+  // Inherit color for immediate links and bolden them some
+  > a,
+  > p > a {
+    font-weight: 500;
+    color: darken(@state-warning-text, 10%);
+  }
 }
 
 // Adjust close link position
@@ -45,6 +51,10 @@
   hr {
     border-top-color: darken(@state-success-border, 5%);
   }
+  > a,
+  > p > a {
+    color: darken(@state-success-text, 10%);
+  }
 }
 .alert-danger,
 .alert-error {
@@ -54,6 +64,10 @@
   hr {
     border-top-color: darken(@state-error-border, 5%);
   }
+  > a,
+  > p > a {
+    color: darken(@state-error-text, 10%);
+  }
 }
 .alert-info {
   background-color: @state-info-background;
@@ -62,6 +76,10 @@
   hr {
     border-top-color: darken(@state-info-border, 5%);
   }
+  > a,
+  > p > a {
+    color: darken(@state-info-text, 10%);
+  }
 }
 
 // Block alerts