Selaa lähdekoodia

adjust styling - set typography sidebar

tags/0.9.0
Alej 4 vuotta sitten
vanhempi
commit
c6b3aa6e68
1 muutettua tiedostoa jossa 19 lisäystä ja 9 poistoa
  1. 19
    9
      vue-theme/src/components/sidebars/sidebar.vue

+ 19
- 9
vue-theme/src/components/sidebars/sidebar.vue Näytä tiedosto

1
 <template lang="pug">
1
 <template lang="pug">
2
 aside.sidebar
2
 aside.sidebar
3
     section
3
     section
4
-        //- Artist sorting
4
+        //- if Artist sorting
5
         .shadow(v-if="type === 'artists' && layout !== 'single'")
5
         .shadow(v-if="type === 'artists' && layout !== 'single'")
6
-            h1.t-up sort {{ type }} by
7
-            ul
6
+            h3.t-up sort {{ type }} by
7
+            ul.t-up
8
                 li(v-for="option in sortOptions")
8
                 li(v-for="option in sortOptions")
9
-                    router-link(:to="`/${type}/${sortTypes[option]}`").t-cap
9
+                    router-link(:to="`/${type}/${sortTypes[option]}`")
10
                         p {{ option }}
10
                         p {{ option }}
11
         
11
         
12
         //- type specific sidebar
12
         //- type specific sidebar
13
         .shadow(v-else)
13
         .shadow(v-else)
14
-            h5.t-up.t-b {{ type }} sidebar more
14
+            h3.t-up.t-b {{ type }} specific sidebar more
15
 
15
 
16
         //- p2p types and related posts
16
         //- p2p types and related posts
17
         .shadow(v-if="layout === 'single' && Object.keys(related).length" v-for="p2pPostType in Object.keys(related)")
17
         .shadow(v-if="layout === 'single' && Object.keys(related).length" v-for="p2pPostType in Object.keys(related)")
20
         //- Optional passthrough
20
         //- Optional passthrough
21
         slot
21
         slot
22
 
22
 
23
-        //- Exhibitions
23
+        //- if Exhibitions
24
         .shadow(v-if="layout === 'single'")
24
         .shadow(v-if="layout === 'single'")
25
             exhibitions-sidebar
25
             exhibitions-sidebar
26
         
26
         
27
-        //- Events
27
+        //- if Events
28
         .shadow(v-if="layout === 'single'")
28
         .shadow(v-if="layout === 'single'")
29
             events-sidebar
29
             events-sidebar
30
         
30
         
31
 </template>
31
 </template>
32
 
32
 
33
 <script>
33
 <script>
34
+// related sidebar list 
34
 import relatedSidebar from './related'
35
 import relatedSidebar from './related'
35
 import exhibitionsSidebar from './exhibitions'
36
 import exhibitionsSidebar from './exhibitions'
36
 import eventsSidebar from './events'
37
 import eventsSidebar from './events'
38
+// import shortsSidebar from './shorts'
39
+// import talksSidebar from './talks'
40
+// import postsSidebar from './posts'
41
+// import publicationsSidebar from './publications'
42
+// import articlesSidebar from './articles'
43
+
37
 import { sortTypes } from '@/utils/helpers'
44
 import { sortTypes } from '@/utils/helpers'
38
 
45
 
39
 export default {
46
 export default {
98
 aside.sidebar
105
 aside.sidebar
99
     position: sticky
106
     position: sticky
100
     /* top: 65px */
107
     /* top: 65px */
108
+    top: $ms-7
101
     /* background-color: salmon */
109
     /* background-color: salmon */
102
     /* margin: 0 0 0 $ms-0 */
110
     /* margin: 0 0 0 $ms-0 */
103
     width: 100%
111
     width: 100%
108
         > .post
116
         > .post
109
             /* background-color: blue */
117
             /* background-color: blue */
110
     ul
118
     ul
111
-        list-style: none      
112
-
119
+        list-style: none  
120
+        li
121
+            img
122
+                width: 100%
113
     .shadow
123
     .shadow
114
         background-color: white
124
         background-color: white
115
 
125
 

Loading…
Peruuta
Tallenna