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/forms/markdown-textarea.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/forms/markdown-textarea.component.scss')
-rw-r--r-- | client/src/app/shared/forms/markdown-textarea.component.scss | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/client/src/app/shared/forms/markdown-textarea.component.scss b/client/src/app/shared/forms/markdown-textarea.component.scss index 33f52fa6e..f2c76f7a1 100644 --- a/client/src/app/shared/forms/markdown-textarea.component.scss +++ b/client/src/app/shared/forms/markdown-textarea.component.scss | |||
@@ -14,7 +14,7 @@ $input-border-radius: 3px; | |||
14 | textarea { | 14 | textarea { |
15 | @include peertube-textarea(100%, 150px); | 15 | @include peertube-textarea(100%, 150px); |
16 | 16 | ||
17 | background-color: var(--markdownTextareaBackgroundColor); | 17 | background-color: pvar(--markdownTextareaBackgroundColor); |
18 | 18 | ||
19 | font-family: monospace; | 19 | font-family: monospace; |
20 | font-size: 13px; | 20 | font-size: 13px; |
@@ -61,7 +61,7 @@ $input-border-radius: 3px; | |||
61 | flex-grow: 1; | 61 | flex-grow: 1; |
62 | border-bottom-left-radius: unset; | 62 | border-bottom-left-radius: unset; |
63 | border-bottom-right-radius: unset; | 63 | border-bottom-right-radius: unset; |
64 | border-bottom: 2px solid var(--mainColor); | 64 | border-bottom: 2px solid pvar(--mainColor); |
65 | 65 | ||
66 | :first-child { | 66 | :first-child { |
67 | margin-left: auto; | 67 | margin-left: auto; |
@@ -112,7 +112,7 @@ $input-border-radius: 3px; | |||
112 | padding-left: 0px; | 112 | padding-left: 0px; |
113 | padding-right: 0px; | 113 | padding-right: 0px; |
114 | position: absolute; | 114 | position: absolute; |
115 | background-color: var(--mainBackgroundColor); | 115 | background-color: pvar(--mainBackgroundColor); |
116 | width: 100% !important; | 116 | width: 100% !important; |
117 | border-top: none; | 117 | border-top: none; |
118 | border-left: none; | 118 | border-left: none; |
@@ -125,8 +125,8 @@ $input-border-radius: 3px; | |||
125 | 125 | ||
126 | ::ng-deep .tab-content { | 126 | ::ng-deep .tab-content { |
127 | @include content-preview-base(); | 127 | @include content-preview-base(); |
128 | background-color: var(--mainBackgroundColor); | 128 | background-color: pvar(--mainBackgroundColor); |
129 | scrollbar-color: var(--actionButtonColor) var(--mainBackgroundColor); | 129 | scrollbar-color: pvar(--actionButtonColor) pvar(--mainBackgroundColor); |
130 | } | 130 | } |
131 | 131 | ||
132 | textarea, | 132 | textarea, |
@@ -214,7 +214,7 @@ $input-border-radius: 3px; | |||
214 | padding: $base-padding; | 214 | padding: $base-padding; |
215 | border-right: 1px dashed $input-border-color !important; | 215 | border-right: 1px dashed $input-border-color !important; |
216 | resize: none; | 216 | resize: none; |
217 | scrollbar-color: var(--actionButtonColor) var(--markdownTextareaBackgroundColor); | 217 | scrollbar-color: pvar(--actionButtonColor) pvar(--markdownTextareaBackgroundColor); |
218 | 218 | ||
219 | &:focus { | 219 | &:focus { |
220 | box-shadow: none; | 220 | box-shadow: none; |