Преглед на файлове

responsive sidebar sticky condition

tags/1.0.0^2
Alej преди 3 години
родител
ревизия
3b005311f5
променени са 1 файла, в които са добавени 7 реда и са изтрити 3 реда
  1. 7
    3
      vue-theme/src/components/sidebars/sidebar.vue

+ 7
- 3
vue-theme/src/components/sidebars/sidebar.vue Целия файл

176
 @import '../../sss/theme.sss'
176
 @import '../../sss/theme.sss'
177
 aside.sidebar
177
 aside.sidebar
178
     /* need to solve for mobile as the sticky creates scroll issues */
178
     /* need to solve for mobile as the sticky creates scroll issues */
179
-    position: sticky
179
+    /* position: sticky */
180
     top: 40px
180
     top: 40px
181
     width: 100%
181
     width: 100%
182
     p, h3
182
     p, h3
198
         li
198
         li
199
             padding: 0 0 $ms-0 0
199
             padding: 0 0 $ms-0 0
200
             img
200
             img
201
-                width: 100%
201
+                display: none
202
     .shadow
202
     .shadow
203
         background-color: white
203
         background-color: white
204
 
204
 
206
 /* width larger than $medium  */
206
 /* width larger than $medium  */
207
 @media (min-width: $medium)
207
 @media (min-width: $medium)
208
     aside.sidebar
208
     aside.sidebar
209
-        /* position: sticky */
209
+        position: sticky
210
         min-width: 25%
210
         min-width: 25%
211
         width: 25%
211
         width: 25%
212
         > section 
212
         > section 
214
                 display: inherit 
214
                 display: inherit 
215
         ul
215
         ul
216
             flex-direction: column
216
             flex-direction: column
217
+            li 
218
+                img 
219
+                    width: 100%
220
+
217
 </style>
221
 </style>

Loading…
Отказ
Запис