Fixed broken layout in firefox #149

studentenportal · Jun 18, 2014 · e2eb17b · e2eb17b
1 parent 839807b
commit e2eb17b
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 4 deletions.
diff --git a/apps/front/static/css/main.css b/apps/front/static/css/main.css
@@ -65,8 +65,8 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
   display: block;
 }
 
-/* line 11, ../../../../../../../.gem/ruby/2.1.0/gems/susy-2.1.1/sass/susy/language/susy/_box-sizing.scss */
-*, *::before, *::after {
+/* line 11, ../../../../../../../.gem/ruby/2.1.0/gems/susy-2.1.2/sass/susy/language/susy/_box-sizing.scss */
+*, *:before, *:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
@@ -961,7 +961,7 @@ button.button-primary:hover, button.button-primary:active, button.button-primary
 /* line 67, ../sass/_modules.scss */
 .date {
   position: absolute;
-  float: left;
+  left: 0.5rem;
 }
 /* line 71, ../sass/_modules.scss */
 .date .day, .date .month {

diff --git a/apps/front/static/sass/_modules.scss b/apps/front/static/sass/_modules.scss
@@ -66,7 +66,7 @@ $color-search-background: #E1E5E8;
 // to use a relative position and clear afterwards
 .date {
     position: absolute;
-    float: left;
+    left: 0.5rem;
 
     .day, .month {
         font-family: $font-title;

diff --git a/apps/front/templates/front/home.html b/apps/front/templates/front/home.html
@@ -31,6 +31,19 @@ <h3>Willkommen {{ user.name }}!</h3>
     <section class="latest-news">
         <h1>News</h1>
 
+        <article class="news">
+            <time class="date" datetime="2014-06-17">
+                <span class="day">17</span>
+                <span class="month">jun</span>
+                <span class="year">2014</span>
+            </time>
+            <div class="summary">
+                <h3>Neues Design</h3>
+                <p>Wir haben uns die Zeit genommen das Studentenportal aufzufrischen und hoffentlich benutzerfreundlicher zu machen. Ausserdem wird bei PDF Dokumenten nun eine Vorschau angezeigt und ihr seht direkt die Dozenten eines Moduls. Es sind noch einige Bugs im neuen Design, die wir schnellstmöglich beheben. Wir freuen uns auf Feedback und Verbesserungsvorschläge zum neuen Design.
+                </p>
+            </div>
+        </article>
+
         <article class="news">
             <time class="date" datetime="2013-02-17">
                 <span class="day">17</span>