Sfoglia il codice sorgente

responsive sidebar sticky condition

tags/1.0.0^2
Alej 3 anni fa
parent
commit
3b005311f5
1 ha cambiato i file con 7 aggiunte e 3 eliminazioni
  1. 7
    3
      vue-theme/src/components/sidebars/sidebar.vue

+ 7
- 3
vue-theme/src/components/sidebars/sidebar.vue Vedi File

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

Loading…
Annulla
Salva