diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2017-05-20 01:28:25 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-05-20 01:28:25 +0200 |
| commit | de475cf8d32744330f8029f13c539237a6567029 (patch) | |
| tree | eaad397dac2ea78230500fd3a7e150021b960d57 /app/javascript/styles | |
| parent | b369fc2de4ab0242775a56fb6208d9dbf2109d91 (diff) | |
Add account media gallery view to web UI (#3120)
* Add account media gallery view to web UI * Link media view from account dropdown * Adjust link
Diffstat (limited to 'app/javascript/styles')
| -rw-r--r-- | app/javascript/styles/components.scss | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index a2109838c..71453fe0e 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -3427,3 +3427,55 @@ button.icon-button.active i.fa-retweet { transform: translate(-50%, -50%); } /* End Video Player */ + +.account-gallery__container { + margin: -2px; + padding: 4px; +} + +.account-gallery__item { + float: left; + width: 96px; + height: 96px; + margin: 2px; + + a { + display: block; + width: 100%; + height: 100%; + background-color: $base-overlay-background; + background-size: cover; + background-position: center; + position: relative; + } +} + +.account-section-headline { + color: lighten($ui-base-color, 26%); + background: lighten($ui-base-color, 2%); + border-bottom: 1px solid lighten($ui-base-color, 4%); + padding: 15px 10px; + font-size: 14px; + font-weight: 500; + position: relative; + cursor: default; + + &::before, + &::after { + display: block; + content: ""; + position: absolute; + bottom: 0; + left: 18px; + width: 0; + height: 0; + border-style: solid; + border-width: 0 10px 10px; + border-color: transparent transparent lighten($ui-base-color, 4%); + } + + &::after { + bottom: -1px; + border-color: transparent transparent $ui-base-color; + } +} |