Commit fb2c823cab6777fe7ceb18fdaa3c182313e40c4b
let compact content sit closer to the background
Dominic Tarr committed on 10/25/2016, 1:14:56 PMParent: 0e8b5960a55bb51280320035b8d4cb1ecd883988
Files changed
| style.css | changed |
| style.css | |||
|---|---|---|---|
| @@ -163,25 +163,36 @@ | |||
| 163 | 163 … | ||
| 164 | 164 … | /* messages */ | |
| 165 | 165 … | ||
| 166 | 166 … | .message { | |
| 167 | - display: block; | ||
| 168 | - flex-basis: 0; | ||
| 169 | 167 … | word-wrap: break-word; | |
| 170 | - display: inline-block; | ||
| 171 | 168 … | margin-bottom: 1em; | |
| 172 | 169 … | padding: 0.3rem; | |
| 173 | 170 … | border-radius: 2px; | |
| 174 | 171 … | box-shadow: #dadada 1px 2px 8px; | |
| 172 … | + background: white; | ||
| 175 | 173 … | } | |
| 176 | 174 … | ||
| 175 … | +.message--mini { | ||
| 176 … | + margin-bottom: 1em; | ||
| 177 … | + padding: ; | ||
| 178 … | + border-radius: 0; | ||
| 179 … | + box-shadow: none; | ||
| 180 … | + background: inherit; | ||
| 181 … | +} | ||
| 182 … | + | ||
| 177 | 183 … | .message_content div > span { | |
| 178 | 184 … | font-size: 0.8rem; | |
| 179 | 185 … | margin-bottom: 0.7rem; | |
| 180 | 186 … | display: block; | |
| 181 | 187 … | color: #888; | |
| 182 | 188 … | } | |
| 183 | 189 … | ||
| 190 … | +.message_content--mini div > span { | ||
| 191 … | + display: inline-block; | ||
| 192 … | +} | ||
| 193 … | + | ||
| 194 … | + | ||
| 184 | 195 … | .message_content div > span a { | |
| 185 | 196 … | color: #005d8c; | |
| 186 | 197 … | } | |
| 187 | 198 … | ||
| @@ -210,8 +221,16 @@ | |||
| 210 | 221 … | .message img { | |
| 211 | 222 … | max-width: 100%; | |
| 212 | 223 … | } | |
| 213 | 224 … | ||
| 225 … | +.message > .title > .avatar { | ||
| 226 … | + margin-left: 0; | ||
| 227 … | +} | ||
| 228 … | + | ||
| 229 … | +.message_content { | ||
| 230 … | + padding: .5ex; | ||
| 231 … | +} | ||
| 232 … | + | ||
| 214 | 233 … | .actions > * { | |
| 215 | 234 … | padding-left: 5px; | |
| 216 | 235 … | margin-left: 1px; | |
| 217 | 236 … | } | |
| @@ -220,16 +239,9 @@ | |||
| 220 | 239 … | border-right: 2px solid #eee; | |
| 221 | 240 … | padding-right: 5px; | |
| 222 | 241 … | } | |
| 223 | 242 … | ||
| 224 | -.message > .title > .avatar { | ||
| 225 | - margin-left: 0; | ||
| 226 | -} | ||
| 227 | 243 … | ||
| 228 | -.message_content { | ||
| 229 | - padding: .5ex; | ||
| 230 | -} | ||
| 231 | - | ||
| 232 | 244 … | /* -- suggest box */ | |
| 233 | 245 … | ||
| 234 | 246 … | .suggest-box > * { | |
| 235 | 247 … | display: block; | |
| @@ -257,13 +269,8 @@ | |||
| 257 | 269 … | .avatar--fullsize { | |
| 258 | 270 … | border: 1px solid #eee; | |
| 259 | 271 … | } | |
| 260 | 272 … | ||
| 261 | -.avatar { | ||
| 262 | - display: flex; | ||
| 263 | - flex-direction: row; | ||
| 264 | -} | ||
| 265 | - | ||
| 266 | 273 … | .avatar--large { | |
| 267 | 274 … | width: 10em; | |
| 268 | 275 … | height: 10em; | |
| 269 | 276 … | } | |
| @@ -437,6 +444,7 @@ | |||
| 437 | 444 … | .hypertabs--selected .hypertabs__x { | |
| 438 | 445 … | display: block; | |
| 439 | 446 … | } | |
| 440 | 447 … | ||
| 441 | - | ||
| 442 | - | ||
| 448 … | +.screen { | ||
| 449 … | + background: #f5f5f5 | ||
| 450 … | +} | ||
Built with git-ssb-web