aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/primeng-custom.scss
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-04-13 17:03:01 +0200
committerRigel Kent <sendmemail@rigelk.eu>2020-04-13 18:03:21 +0200
commit2bc9bd08cd121bdffbf56a0241c4decfb77bfdd5 (patch)
tree46ec5dab14adfd7e317fdc1c29d62fed89982f98 /client/src/sass/primeng-custom.scss
parent92e4ca0d95f61994626233866c57b5b078ef9c5a (diff)
downloadPeerTube-2bc9bd08cd121bdffbf56a0241c4decfb77bfdd5.tar.gz
PeerTube-2bc9bd08cd121bdffbf56a0241c4decfb77bfdd5.tar.zst
PeerTube-2bc9bd08cd121bdffbf56a0241c4decfb77bfdd5.zip
Improving select displays, focus box-shadows for paginators, instructions for index url
Diffstat (limited to 'client/src/sass/primeng-custom.scss')
-rw-r--r--client/src/sass/primeng-custom.scss32
1 files changed, 27 insertions, 5 deletions
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index 869532fe9..8444f9357 100644
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -17,6 +17,11 @@ my-button {
17 height: max-content; 17 height: max-content;
18} 18}
19 19
20// focus box-shadow for primeng
21.ui-inputtext:enabled:focus:not(.ui-state-error) {
22 box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest) !important;
23}
24
20// data table customizations 25// data table customizations
21p-table { 26p-table {
22 .ui-table-caption { 27 .ui-table-caption {
@@ -178,6 +183,16 @@ p-table {
178 justify-content: center; 183 justify-content: center;
179 align-items: center; 184 align-items: center;
180 185
186 .ui-dropdown {
187 position: absolute;
188 left: 0;
189 }
190
191 .ui-paginator-current {
192 position: absolute;
193 right: 0;
194 }
195
181 .ui-paginator-first, 196 .ui-paginator-first,
182 .ui-paginator-prev, 197 .ui-paginator-prev,
183 .ui-paginator-next, 198 .ui-paginator-next,
@@ -189,6 +204,11 @@ p-table {
189 font-size: 13px; 204 font-size: 13px;
190 top: -1px; 205 top: -1px;
191 206
207 &.focus-within,
208 &:focus {
209 box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest);
210 }
211
192 &.ui-state-disabled:hover { 212 &.ui-state-disabled:hover {
193 background-color: #fff !important; 213 background-color: #fff !important;
194 } 214 }
@@ -217,6 +237,13 @@ p-table {
217 .ui-paginator-pages { 237 .ui-paginator-pages {
218 height: auto !important; 238 height: auto !important;
219 239
240 .ui-paginator-page {
241 &.focus-within,
242 &:focus {
243 box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest) !important;
244 }
245 }
246
220 a { 247 a {
221 color: var(--mainForegroundColor) !important; 248 color: var(--mainForegroundColor) !important;
222 font-weight: $font-semibold !important; 249 font-weight: $font-semibold !important;
@@ -232,11 +259,6 @@ p-table {
232 color: #fff !important; 259 color: #fff !important;
233 background-color: var(--mainColor) !important; 260 background-color: var(--mainColor) !important;
234 } 261 }
235
236 &.focus-within,
237 &:focus {
238 box-shadow: #{$focus-box-shadow-form} var(--mainColorLightest);
239 }
240 } 262 }
241 } 263 }
242 } 264 }