aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2017-12-21 15:24:49 +0100
committerChocobozzz <me@florianbigard.com>2017-12-21 15:24:49 +0100
commitfb4fd623d5e5adcfdc9ecf3dffef702b3786f486 (patch)
tree62a490d58f728d09d969d56919d5c1e01c72a5e4 /client/src/sass
parent6e33bf2882162d8760f55bcafb12fd9507e09ff1 (diff)
downloadPeerTube-fb4fd623d5e5adcfdc9ecf3dffef702b3786f486.tar.gz
PeerTube-fb4fd623d5e5adcfdc9ecf3dffef702b3786f486.tar.zst
PeerTube-fb4fd623d5e5adcfdc9ecf3dffef702b3786f486.zip
Better admin tables
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/application.scss36
1 files changed, 31 insertions, 5 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 0d96d5ec0..0539ec486 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -158,6 +158,9 @@ p-datatable {
158 td { 158 td {
159 border: 1px solid #E5E5E5 !important; 159 border: 1px solid #E5E5E5 !important;
160 padding-left: 15px !important; 160 padding-left: 15px !important;
161 overflow: hidden !important;
162 text-overflow: ellipsis !important;
163 white-space: nowrap !important;
161 } 164 }
162 165
163 tr { 166 tr {
@@ -191,17 +194,31 @@ p-datatable {
191 font-weight: $font-semibold !important; 194 font-weight: $font-semibold !important;
192 color: #000 !important; 195 color: #000 !important;
193 196
194 &.ui-sortable-column:hover:not(.ui-state-active) { 197 &.ui-sortable-column:hover {
195 background-color: #f0f0f0 !important; 198 background-color: #f0f0f0 !important;
196 border: 1px solid #f0f0f0 !important; 199 border: 1px solid #f0f0f0 !important;
197 border-width: 0 1px !important; 200 border-width: 0 1px !important;
201
202 &:first-child {
203 border-width: 0 1px 0 0 !important;
204 }
198 } 205 }
199 206
200 &.ui-state-active { 207 &.ui-state-active {
201 color: #fff !important; 208 background-color: #fff !important;
202 background-color: $orange-color !important; 209
203 border: 1px solid $orange-color !important; 210 .fa {
204 border-width: 0 1px !important; 211 @extend .glyphicon;
212 font-size: 11px;
213
214 &.fa-sort-asc {
215 @extend .glyphicon-triangle-top;
216 }
217
218 &.fa-sort-desc {
219 @extend .glyphicon-triangle-bottom;
220 }
221 }
205 } 222 }
206 } 223 }
207 224
@@ -347,6 +364,15 @@ p-datatable {
347 @include grey-button; 364 @include grey-button;
348} 365}
349 366
367// In tables, don't have a hover different background
368table {
369 .action-button-edit, .action-button-delete {
370 &:hover, &:active, &:focus, &[disabled], &.disabled {
371 background-color: $grey-color !important;
372 }
373 }
374}
375
350// On small screen, menu is absolute 376// On small screen, menu is absolute
351@media screen and (max-width: 800px) { 377@media screen and (max-width: 800px) {
352 .title-menu-left { 378 .title-menu-left {