Browse Source

Fixes the newsletter layout at the bottom (#759)

fix-community-people-mobile
Michael Weimann 4 months ago
parent
commit
a90d08ad46
5 changed files with 48 additions and 27 deletions
  1. 3
    3
      look/fellowship.min.css
  2. 21
    11
      look/fsfe.less
  3. 3
    3
      look/fsfe.min.css
  4. 18
    7
      look/style.less
  5. 3
    3
      look/valentine.min.css

+ 3
- 3
look/fellowship.min.css
File diff suppressed because it is too large
View File


+ 21
- 11
look/fsfe.less View File

@@ -126,14 +126,14 @@ body {
126 126
 
127 127
 .svg #followup {
128 128
     @media (min-width: @screen-sm-min) {
129
-        background: url(/graphics/ribbon.svg) no-repeat 100% -70px @body-bg; 
129
+        background: url(/graphics/ribbon.svg) no-repeat 100% -70px @body-bg;
130 130
     }
131 131
 }
132 132
 
133 133
 #followup.join {
134
-    background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -30px @body-bg; 
134
+    background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -30px @body-bg;
135 135
     @media (min-width: @screen-sm-min) {
136
-        background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -50% @body-bg; 
136
+        background: url(/graphics/fellowship/ribbon_fellowship2.png) no-repeat 100% -50% @body-bg;
137 137
     }
138 138
 }
139 139
 
@@ -196,7 +196,7 @@ img.signatory-logo {
196 196
             }
197 197
 
198 198
             p.text {
199
-                /*background: url('/graphics/fsfs.png') top center no-repeat transparent; 
199
+                /*background: url('/graphics/fsfs.png') top center no-repeat transparent;
200 200
                 background-size: contain; */
201 201
                 -moz-hyphens: manual;
202 202
                 -webkit-hyphens: manual;
@@ -680,17 +680,17 @@ ul.archivetaglist { margin-left: 6%; }
680 680
     }
681 681
 
682 682
     #followup {
683
-        background: url(/graphics/ribbonv.png) no-repeat 100% -40px @body-bg; 
683
+        background: url(/graphics/ribbonv.png) no-repeat 100% -40px @body-bg;
684 684
 
685 685
         @media (min-width: @screen-sm-min) {
686
-            background: url(/graphics/ribbonv.png) no-repeat 100% -70px @body-bg; 
686
+            background: url(/graphics/ribbonv.png) no-repeat 100% -70px @body-bg;
687 687
         }
688 688
     }
689 689
 }
690 690
 
691 691
 .svg .valentine-ilovefs #followup {
692 692
     @media (min-width: @screen-sm-min) {
693
-        background: url(/graphics/ribbonv.svg) no-repeat 100% -70px @body-bg; 
693
+        background: url(/graphics/ribbonv.svg) no-repeat 100% -70px @body-bg;
694 694
     }
695 695
 }
696 696
 
@@ -734,7 +734,7 @@ ul.archivetaglist { margin-left: 6%; }
734 734
 
735 735
 .wiki #direct-links {
736 736
     visibility: visible;
737
-    
737
+
738 738
     a {
739 739
         display:inline-block;
740 740
     }
@@ -1100,13 +1100,23 @@ video#freeyourandroid {
1100 1100
 
1101 1101
 #formnl {
1102 1102
 
1103
+    select {
1104
+        display: inline-block;
1105
+        height: 45px;
1106
+        line-height: 45px;
1107
+        margin-right: 10px;
1108
+        width: auto;
1109
+    }
1110
+
1103 1111
     #submit {
1104 1112
         .btn;
1105
-        .btn-lg;
1106 1113
         .btn-block;
1107 1114
         .btn-primary;
1108
-        font-size: 1.4em;
1109
-        margin-bottom: 5px;
1115
+        display: inline-block;
1116
+        font-size: 21px;
1117
+        line-height: 31px;
1118
+        padding: 6px 12px;
1119
+        width: auto;
1110 1120
     }
1111 1121
 
1112 1122
 }

+ 3
- 3
look/fsfe.min.css
File diff suppressed because it is too large
View File


+ 18
- 7
look/style.less View File

@@ -327,7 +327,7 @@ div#subpages, .grid-row {
327 327
           font-size: 1em;
328 328
           font-weight: normal;
329 329
         }
330
-        
330
+
331 331
         h2::after {
332 332
           content: ":";
333 333
         }
@@ -848,7 +848,7 @@ div#subpages, .grid-row {
848 848
     a.btn {
849 849
         .btn-primary;
850 850
     }
851
-    
851
+
852 852
     @media (min-width: @screen-sm-min) {
853 853
         padding: 3em 3em 3em 2em;
854 854
     }
@@ -856,11 +856,22 @@ div#subpages, .grid-row {
856 856
 
857 857
 #followup.subscribe-nl {
858 858
     h2 {
859
-        .make-sm-column(5);
860
-        margin: 0;
859
+        .make-md-column(6);
860
+        .make-lg-column(5);
861
+        margin: 0 0 10px;
861 862
     }
862 863
     form {
863
-        .make-sm-column(7);
864
+        .make-md-column(6);
865
+        .make-lg-column(7);
866
+    }
867
+}
868
+
869
+@media (min-width: @screen-md-min) {
870
+    #followup.subscribe-nl {
871
+        h2 {
872
+            margin: 0;
873
+            top: 5px;
874
+        }
864 875
     }
865 876
 }
866 877
 
@@ -1528,11 +1539,11 @@ ul.taglist {
1528 1539
     .table-striped;
1529 1540
     margin-top: 40px;
1530 1541
   }
1531
-  
1542
+
1532 1543
   table > tbody > tr > td {
1533 1544
     vertical-align: middle;
1534 1545
   }
1535
-    
1546
+
1536 1547
   img {
1537 1548
     height: auto;
1538 1549
     max-height: 65px;

+ 3
- 3
look/valentine.min.css
File diff suppressed because it is too large
View File


Loading…
Cancel
Save