Procházet zdrojové kódy

Fix noscript styling

Danilo Bargen před 8 roky
rodič
revize
21fa6c0125
2 změnil soubory, kde provedl 18 přidání a 14 odebrání
  1. 4 2
      index.html
  2. 14 12
      src/sass/sections/_noscript.scss

+ 4 - 2
index.html

@@ -53,8 +53,10 @@
 
     <noscript>
         <img id="logo-noscript" src="img/logo.svg?v=[[VERSION]]"></img>
-        <h2>Error: JavaScript not supported</h2>
-        <p>Please enable JavaScript in your browser to be able to use Threema Web.</p>
+        <div>
+            <h2>Error: JavaScript not supported</h2>
+            <p>Please enable JavaScript in your browser to be able to use Threema Web.</p>
+        </div>
     </noscript>
 
     <div id="main-wrapper" ng-cloak ng-class="{wide: ctrl.wide()}">

+ 14 - 12
src/sass/sections/_noscript.scss

@@ -1,20 +1,22 @@
 noscript {
-    background-color: white;
-    display: block;
-    margin: 16px auto 0;
-    width: 50%;
-    text-align: center;
-    padding: 16px;
-
-    h2 {
-        padding-bottom: 8px;
+    div {
+        background-color: white;
+        display: block;
+        margin: 16px auto 0;
+        width: 50%;
+        text-align: center;
+        padding: 16px;
     }
 
     img#logo-noscript {
+        display: block;
         min-width: 100px;
         max-width: 300px;
-        padding-bottom: 16px;
-        margin-bottom: 16px;
-        border-bottom: 1px solid rgba(0, 0, 0, 0.54);
+        margin: 16px auto;
+        text-align: center;
+    }
+
+    h2 {
+        padding-bottom: 8px;
     }
 }