Browse Source

fix the mediaqueries and remove the comment in mediaqueries of sidebar

AlexiCauvin 6 years ago
parent
commit
6d060c1dcd
1 changed files with 17 additions and 4 deletions
  1. 17 4
      frontend/src/css/Sidebar.styl

+ 17 - 4
frontend/src/css/Sidebar.styl View File

129
             color fourthColor
129
             color fourthColor
130
 
130
 
131
 
131
 
132
-/***** MEDIA 576px and 1199px ******/
132
+/***** MEDIAQUERIES ******/
133
 
133
 
134
-// Regroup the css rules in one mediaqueries
134
+/***** MEDIA 992px and 1199px ******/
135
 
135
 
136
-@media (min-width: min-sm) and (max-width: max-lg)
136
+@media (min-width: min-lg) and (max-width: max-lg)
137
 
137
 
138
   .sidebarpagecontainer
138
   .sidebarpagecontainer
139
     position relative
139
     position relative
141
   .sidebar
141
   .sidebar
142
     position absolute
142
     position absolute
143
 
143
 
144
+/*** MEDIA 768px and 991px ****/
145
+
146
+@media (min-width: min-md) and (max-width: max-md)
147
+
148
+  .sidebarpagecontainer
149
+    position relative
150
+
151
+  .sidebar
152
+    position absolute
144
 
153
 
145
 /***** MEDIA 576px and 767px *****/
154
 /***** MEDIA 576px and 767px *****/
146
 
155
 
147
 @media (min-width: min-sm) and (max-width: max-sm)
156
 @media (min-width: min-sm) and (max-width: max-sm)
148
 
157
 
149
   .sidebarpagecontainer
158
   .sidebarpagecontainer
159
+    position relative
150
     padding-top 69px
160
     padding-top 69px
151
 
161
 
152
-/***** MEDIA  *****/
162
+  .sidebar
163
+    position absolute
164
+
165
+/***** MEDIA 575px *****/
153
 
166
 
154
 @media (max-width: 575px)
167
 @media (max-width: 575px)
155
 
168