aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-01-29 16:00:28 +0100
committerChocobozzz <me@florianbigard.com>2020-01-29 16:00:28 +0100
commit14aa85562cb83559d20105b4ddb4bf8b2340578a (patch)
treea49bdcbe0dd7368c001e7c897169f598eb476846 /client/src/sass
parent75ba887d10eacb9cd1392e62f68617c7643c9add (diff)
downloadPeerTube-14aa85562cb83559d20105b4ddb4bf8b2340578a.tar.gz
PeerTube-14aa85562cb83559d20105b4ddb4bf8b2340578a.tar.zst
PeerTube-14aa85562cb83559d20105b4ddb4bf8b2340578a.zip
Cleanup some client FIXME
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/application.scss24
-rw-r--r--client/src/sass/include/_mixins.scss4
-rw-r--r--client/src/sass/include/_variables.scss2
3 files changed, 5 insertions, 25 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 5dacdd73b..fa2452231 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -32,7 +32,7 @@ body {
32 --menuForegroundColor: #{$menu-color}; 32 --menuForegroundColor: #{$menu-color};
33 --submenuColor: #{$sub-menu-color}; 33 --submenuColor: #{$sub-menu-color};
34 34
35 --inputColor: #{$input-background-color}; 35 --inputBackgroundColor: #{$input-background-color};
36 --inputPlaceholderColor: #{$input-placeholder-color}; 36 --inputPlaceholderColor: #{$input-placeholder-color};
37 37
38 --actionButtonColor: #{$grey-foreground-color}; 38 --actionButtonColor: #{$grey-foreground-color};
@@ -61,7 +61,7 @@ strong {
61 61
62input.readonly { 62input.readonly {
63 /* Force blank on readonly inputs */ 63 /* Force blank on readonly inputs */
64 background-color: var(--inputColor) !important; 64 background-color: var(--inputBackgroundColor) !important;
65} 65}
66 66
67input, textarea { 67input, textarea {
@@ -202,26 +202,6 @@ label {
202 to { transform: scale(1) rotate(360deg);} 202 to { transform: scale(1) rotate(360deg);}
203} 203}
204 204
205.orange-button {
206 @include peertube-button;
207 @include orange-button;
208}
209
210.orange-button-link {
211 @include peertube-button-link;
212 @include orange-button;
213}
214
215.grey-button {
216 @include peertube-button;
217 @include grey-button;
218}
219
220.grey-button-link {
221 @include peertube-button-link;
222 @include grey-button;
223}
224
225// In tables, don't have a hover different background 205// In tables, don't have a hover different background
226table { 206table {
227 .action-button-edit, .action-button-delete { 207 .action-button-edit, .action-button-delete {
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 136eddd3a..ee86a32d4 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -81,7 +81,7 @@
81 display: inline-block; 81 display: inline-block;
82 height: $button-height; 82 height: $button-height;
83 width: $width; 83 width: $width;
84 background: var(--inputColor); 84 background: var(--inputBackgroundColor);
85 border: 1px solid #C6C6C6; 85 border: 1px solid #C6C6C6;
86 border-radius: 3px; 86 border-radius: 3px;
87 padding-left: 15px; 87 padding-left: 15px;
@@ -254,7 +254,7 @@
254 width: $width; 254 width: $width;
255 border-radius: 3px; 255 border-radius: 3px;
256 overflow: hidden; 256 overflow: hidden;
257 background: var(--inputColor); 257 background: var(--inputBackgroundColor);
258 position: relative; 258 position: relative;
259 font-size: 15px; 259 font-size: 15px;
260 260
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index 5b5ac9adc..e087a2548 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -81,7 +81,7 @@ $variables: (
81 --menuForegroundColor: var(--menuForegroundColor), 81 --menuForegroundColor: var(--menuForegroundColor),
82 --submenuColor: var(--submenuColor), 82 --submenuColor: var(--submenuColor),
83 83
84 --inputColor: var(--inputColor), 84 --inputBackgroundColor: var(--inputBackgroundColor),
85 --inputPlaceholderColor: var(--inputPlaceholderColor), 85 --inputPlaceholderColor: var(--inputPlaceholderColor),
86 86
87 --actionButtonColor: var(--actionButtonColor), 87 --actionButtonColor: var(--actionButtonColor),