diff options
Diffstat (limited to 'app/Resources/static/themes/material/css/article.scss')
-rw-r--r-- | app/Resources/static/themes/material/css/article.scss | 33 |
1 files changed, 22 insertions, 11 deletions
diff --git a/app/Resources/static/themes/material/css/article.scss b/app/Resources/static/themes/material/css/article.scss index 7d0bdac7..dc12f857 100644 --- a/app/Resources/static/themes/material/css/article.scss +++ b/app/Resources/static/themes/material/css/article.scss | |||
@@ -106,11 +106,11 @@ | |||
106 | font-size: 0.8em; | 106 | font-size: 0.8em; |
107 | display: flex; | 107 | display: flex; |
108 | flex-flow: row wrap; | 108 | flex-flow: row wrap; |
109 | margin: 0 auto; | ||
110 | 109 | ||
111 | li { | 110 | li { |
112 | display: inline-flex; | 111 | display: inline-flex; |
113 | vertical-align: middle; | 112 | vertical-align: middle; |
113 | margin: 0 5px; | ||
114 | } | 114 | } |
115 | 115 | ||
116 | a { | 116 | a { |
@@ -121,7 +121,7 @@ | |||
121 | 121 | ||
122 | #list { | 122 | #list { |
123 | float: right; | 123 | float: right; |
124 | margin: 0 15px 10px; | 124 | margin: -5px 15px auto; |
125 | } | 125 | } |
126 | 126 | ||
127 | .chip { | 127 | .chip { |
@@ -133,12 +133,19 @@ | |||
133 | i { | 133 | i { |
134 | color: #fff; | 134 | color: #fff; |
135 | } | 135 | } |
136 | |||
137 | i.material-icons { | ||
138 | float: right; | ||
139 | font-size: 20px; | ||
140 | line-height: 32px; | ||
141 | padding-left: 8px; | ||
142 | } | ||
136 | } | 143 | } |
137 | } | 144 | } |
138 | } | 145 | } |
139 | 146 | ||
140 | .reader-mode { | 147 | .reader-mode { |
141 | width: 95px !important; | 148 | width: 70px !important; |
142 | transition: width 0.2s ease; | 149 | transition: width 0.2s ease; |
143 | 150 | ||
144 | .collapsible-body { | 151 | .collapsible-body { |
@@ -150,17 +157,21 @@ | |||
150 | opacity: 0; | 157 | opacity: 0; |
151 | transition: opacity 0.2s ease; | 158 | transition: opacity 0.2s ease; |
152 | } | 159 | } |
153 | } | ||
154 | 160 | ||
155 | .reader-mode:hover { | 161 | &:hover { |
156 | width: 240px !important; | 162 | width: 260px !important; |
157 | 163 | ||
158 | .collapsible-body { | 164 | .collapsible-body { |
159 | height: auto; | 165 | height: auto; |
160 | } | ||
161 | 166 | ||
162 | span { | 167 | li a i.material-icons { |
163 | opacity: 1; | 168 | margin: auto 5px auto 0; |
169 | } | ||
170 | } | ||
171 | |||
172 | span { | ||
173 | opacity: 1; | ||
174 | } | ||
164 | } | 175 | } |
165 | } | 176 | } |
166 | 177 | ||