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,11 +129,11 @@ leftside()
129 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 138
   .sidebarpagecontainer
139 139
     position relative
@@ -141,15 +141,28 @@ leftside()
141 141
   .sidebar
142 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 154
 /***** MEDIA 576px and 767px *****/
146 155
 
147 156
 @media (min-width: min-sm) and (max-width: max-sm)
148 157
 
149 158
   .sidebarpagecontainer
159
+    position relative
150 160
     padding-top 69px
151 161
 
152
-/***** MEDIA  *****/
162
+  .sidebar
163
+    position absolute
164
+
165
+/***** MEDIA 575px *****/
153 166
 
154 167
 @media (max-width: 575px)
155 168