diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-06-09 09:33:28 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-06-09 09:33:28 +0200 |
commit | e66883b37ae0796256b3aba550670a2d76cfc98a (patch) | |
tree | 3cce3c78e9f9f327470f0370a1b4065fe7e0009e /client/src/app/shared/misc/list-overflow.component.scss | |
parent | 6ad971d5f5e9ea2adfc58bd83ba1790efa4a8d12 (diff) | |
download | PeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.tar.gz PeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.tar.zst PeerTube-e66883b37ae0796256b3aba550670a2d76cfc98a.zip |
`fitWidth` for `video-miniature`, fluid grid (#2830)
* Fluid abstract video list
* normalize timestamp display on miniatures
* use grid for abstract-video-list
- refactor scss function var to pvar to avoid overriding css variables
- move fluid-grid margins to adapt-margin-content-width mixin for maintainability
- fix video-miniature-name margin-top on small screen
* move sceenratio function in a mixin
* display no miniature avatar in channel videos view
Diffstat (limited to 'client/src/app/shared/misc/list-overflow.component.scss')
-rw-r--r-- | client/src/app/shared/misc/list-overflow.component.scss | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/client/src/app/shared/misc/list-overflow.component.scss b/client/src/app/shared/misc/list-overflow.component.scss index 1e5fe4c10..1ec044489 100644 --- a/client/src/app/shared/misc/list-overflow.component.scss +++ b/client/src/app/shared/misc/list-overflow.component.scss | |||
@@ -24,7 +24,7 @@ button { | |||
24 | &.routeActive { | 24 | &.routeActive { |
25 | &::after { | 25 | &::after { |
26 | display: inherit; | 26 | display: inherit; |
27 | border: 2px solid var(--mainColor); | 27 | border: 2px solid pvar(--mainColor); |
28 | position: relative; | 28 | position: relative; |
29 | right: 95%; | 29 | right: 95%; |
30 | top: 50%; | 30 | top: 50%; |
@@ -53,8 +53,8 @@ button { | |||
53 | width: 100%; | 53 | width: 100%; |
54 | 54 | ||
55 | &.active { | 55 | &.active { |
56 | color: var(--mainBackgroundColor) !important; | 56 | color: pvar(--mainBackgroundColor) !important; |
57 | background-color: var(--mainHoverColor); | 57 | background-color: pvar(--mainHoverColor); |
58 | opacity: .9; | 58 | opacity: .9; |
59 | } | 59 | } |
60 | } | 60 | } |