Home Explore Help
Sign In
221V
/
Misago
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Fix #340

Rafał Pitoń 11 years ago
parent
269a707cf9
commit
7108e755e0
3 changed files with 63 additions and 34 deletions
Unified View Show Diff Stats
  1. 27 27
      uiframework/alerts.html
  2. 20 4
      uiframework/misago/css/misago/alerts.less
  3. 16 3
      uiframework/misago/css/style.css

+ 27 - 27
uiframework/alerts.html
View File 

@@ -24,6 +24,33 @@
 
 
 
   <body>
 
   <body>
 
 
 
+  <div class="misago-alerts alerts-fixed">
 
+    <div>
 
+      <p class="alert alert-success">
 
+        <span class="alert-icon fa fa-check-circle"></span> <strong>Well done!</strong> You successfully read this important alert message.
 
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">Ok</button>
 
+      </p>
 
+    </div>
 
+    <div>
 
+      <p class="alert alert-info">
 
+        <span class="alert-icon fa fa-question-circle"></span> <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
 
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">Ok</button>
 
+      </p>
 
+    </div>
 
+    <div>
 
+      <p class="alert alert-warning">
 
+        <span class="alert-icon fa fa-exclamation-triangle"></span> <strong>Warning!</strong> Better check yourself, you're not looking too good.
 
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">Ok</button>
 
+      </p>
 
+    </div>
 
+    <div>
 
+      <p class="alert alert-danger">
 
+        <span class="alert-icon fa fa-times-circle"></span> <strong>Oh snap!</strong> Change a few things up and try submitting again.
 
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">Ok</button>
 
+      </p>
 
+    </div>
 
+  </div>
 
+
 
     <div class="navbar navbar-default navbar-static-top" role="navigation">
 
     <div class="navbar navbar-default navbar-static-top" role="navigation">
 
       <div class="container">
 
       <div class="container">
 
         <div class="navbar-header">
 
         <div class="navbar-header">
 
@@ -74,33 +101,6 @@
 
 
 
     <div class="container">
 
     <div class="container">
 
 
 
-      <div class="misago-alerts">
 
-        <div>
 
-          <p class="alert alert-success">
 
-            <span class="alert-icon fa fa-check-circle"></span> <strong>Well done!</strong> You successfully read this important alert message.
 
-            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">Ok</button>
 
-          </p>
 
-        </div>
 
-        <div>
 
-          <p class="alert alert-info">
 
-            <span class="alert-icon fa fa-question-circle"></span> <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
 
-            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">Ok</button>
 
-          </p>
 
-        </div>
 
-        <div>
 
-          <p class="alert alert-warning">
 
-            <span class="alert-icon fa fa-exclamation-triangle"></span> <strong>Warning!</strong> Better check yourself, you're not looking too good.
 
-            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">Ok</button>
 
-          </p>
 
-        </div>
 
-        <div>
 
-          <p class="alert alert-danger">
 
-            <span class="alert-icon fa fa-times-circle"></span> <strong>Oh snap!</strong> Change a few things up and try submitting again.
 
-            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">Ok</button>
 
-          </p>
 
-        </div>
 
-      </div>
 
-
 
       <div class="form-panel">
 
       <div class="form-panel">
 
         <form class="form-horizontal" role="form">
 
         <form class="form-horizontal" role="form">

+ 20 - 4
uiframework/misago/css/misago/alerts.less
View File 

@@ -81,12 +81,28 @@
 
 
 
   &.alerts-fixed {
 
   &.alerts-fixed {
 
     position: fixed;
 
     position: fixed;
 
-    top: @line-height-computed * 2;
 
-    width: 100%;
 
+    top: 0;
 
     z-index: @zindex-modal + 1;
 
     z-index: @zindex-modal + 1;
 
+    overflow: visible;
 
+    width: 100%;
 
+
 
+    &>div {
 
+      width: 100%;
 
+      overflow: hidden;
 
 
 
-    .alert {
 
-      box-shadow: 0px 0px 0px 6px fadeOut(#000, 85%);
 
+      .alert {
 
+        box-shadow: 0px 0px 0px 6px fadeOut(#000, 85%);
 
+        border-radius: 0px;
 
+        display: block;
 
+        padding: @line-height-computed 0px;
 
+
 
+        font-size: @font-size-large;
 
+
 
+        .alert-icon {
 
+          position: relative;
 
+          top: (@font-size-large - @font-size-base) / 2;
 
+        }
 
+      }
 
     }
 
     }
 
   }
 
   }
 
 }
 
 }

+ 16 - 3
uiframework/misago/css/style.css
View File 

@@ -5875,12 +5875,25 @@ button.close {
 
 }
 
 }
 
 .misago-alerts.alerts-fixed {
 
 .misago-alerts.alerts-fixed {
 
   position: fixed;
 
   position: fixed;
 
-  top: 40px;
 
-  width: 100%;
 
+  top: 0;
 
   z-index: 1051;
 
   z-index: 1051;
 
+  overflow: visible;
 
+  width: 100%;
 
+}
 
+.misago-alerts.alerts-fixed > div {
 
+  width: 100%;
 
+  overflow: hidden;
 
 }
 
 }
 
-.misago-alerts.alerts-fixed .alert {
 
+.misago-alerts.alerts-fixed > div .alert {
 
   box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.15);
 
   box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.15);
 
+  border-radius: 0px;
 
+  display: block;
 
+  padding: 20px 0px;
 
+  font-size: 18px;
 
+}
 
+.misago-alerts.alerts-fixed > div .alert .alert-icon {
 
+  position: relative;
 
+  top: 2px;
 
 }
 
 }
 
 .btn.btn-default {
 
 .btn.btn-default {
 
   background: #ededed;
 
   background: #ededed;