liquid_feedback_frontend

annotate style/mdl/data-table/_data-table.scss @ 1380:276718aedd90

find changesets by author, revision, files, or words in the commit message
Show label for drop down boxes
author bsw
date Wed Aug 08 17:38:23 2018 +0200 (2018-08-08)
parents 32cc544d5a5b
children
rev   line source
bsw/jbe@1309 1 /**
bsw/jbe@1309 2 * Copyright 2015 Google Inc. All Rights Reserved.
bsw/jbe@1309 3 *
bsw/jbe@1309 4 * Licensed under the Apache License, Version 2.0 (the "License");
bsw/jbe@1309 5 * you may not use this file except in compliance with the License.
bsw/jbe@1309 6 * You may obtain a copy of the License at
bsw/jbe@1309 7 *
bsw/jbe@1309 8 * http://www.apache.org/licenses/LICENSE-2.0
bsw/jbe@1309 9 *
bsw/jbe@1309 10 * Unless required by applicable law or agreed to in writing, software
bsw/jbe@1309 11 * distributed under the License is distributed on an "AS IS" BASIS,
bsw/jbe@1309 12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
bsw/jbe@1309 13 * See the License for the specific language governing permissions and
bsw/jbe@1309 14 * limitations under the License.
bsw/jbe@1309 15 */
bsw/jbe@1309 16
bsw/jbe@1309 17 @import "../variables";
bsw/jbe@1309 18 @import "../mixins";
bsw/jbe@1309 19
bsw/jbe@1309 20 .mdl-data-table {
bsw/jbe@1309 21 position: relative;
bsw/jbe@1309 22 border: $data-table-dividers;
bsw/jbe@1309 23 border-collapse: collapse;
bsw/jbe@1309 24 white-space: nowrap;
bsw/jbe@1309 25 font-size: $data-table-font-size;
bsw/jbe@1309 26 background-color: unquote("rgb(#{$color-white})");
bsw/jbe@1309 27
bsw/jbe@1309 28 thead {
bsw/jbe@1309 29 padding-bottom: 3px;
bsw/jbe@1309 30
bsw/jbe@1309 31 .mdl-data-table__select {
bsw/jbe@1309 32 margin-top: 0;
bsw/jbe@1309 33 }
bsw/jbe@1309 34 }
bsw/jbe@1309 35
bsw/jbe@1309 36 tbody {
bsw/jbe@1309 37 tr {
bsw/jbe@1309 38 position: relative;
bsw/jbe@1309 39 height: $data-table-row-height;
bsw/jbe@1309 40 @include material-animation-default(0.28s);
bsw/jbe@1309 41 transition-property: background-color;
bsw/jbe@1309 42
bsw/jbe@1309 43 &.is-selected {
bsw/jbe@1309 44 background-color: $data-table-selection-color;
bsw/jbe@1309 45 }
bsw/jbe@1309 46
bsw/jbe@1309 47 &:hover {
bsw/jbe@1309 48 background-color: $data-table-hover-color;
bsw/jbe@1309 49 }
bsw/jbe@1309 50 }
bsw/jbe@1309 51 }
bsw/jbe@1309 52
bsw/jbe@1309 53 td, th {
bsw/jbe@1309 54 padding: 0 $data-table-column-padding 12px $data-table-column-padding;
bsw/jbe@1309 55 text-align: right;
bsw/jbe@1309 56
bsw/jbe@1309 57 &:first-of-type {
bsw/jbe@1309 58 padding-left: 24px;
bsw/jbe@1309 59 }
bsw/jbe@1309 60
bsw/jbe@1309 61 &:last-of-type {
bsw/jbe@1309 62 padding-right: 24px;
bsw/jbe@1309 63 }
bsw/jbe@1309 64 }
bsw/jbe@1309 65
bsw/jbe@1309 66 td {
bsw/jbe@1309 67 position: relative;
bsw/jbe@1309 68 vertical-align: middle;
bsw/jbe@1309 69 height: $data-table-row-height;
bsw/jbe@1309 70 border-top: $data-table-dividers;
bsw/jbe@1309 71 border-bottom: $data-table-dividers;
bsw/jbe@1309 72 padding-top: $data-table-cell-top;
bsw/jbe@1309 73 box-sizing: border-box;
bsw/jbe@1309 74
bsw/jbe@1309 75 .mdl-data-table__select {
bsw/jbe@1309 76 vertical-align: middle;
bsw/jbe@1309 77 }
bsw/jbe@1309 78 }
bsw/jbe@1309 79
bsw/jbe@1309 80 th {
bsw/jbe@1309 81 position: relative;
bsw/jbe@1309 82 vertical-align: bottom;
bsw/jbe@1309 83 text-overflow: ellipsis;
bsw/jbe@1309 84 @include typo-body-2();
bsw/jbe@1309 85 height: $data-table-row-height;
bsw/jbe@1309 86 font-size: $data-table-header-font-size;
bsw/jbe@1309 87 color: $data-table-header-color;
bsw/jbe@1309 88 padding-bottom: 8px;
bsw/jbe@1309 89 box-sizing: border-box;
bsw/jbe@1309 90
bsw/jbe@1309 91 &.mdl-data-table__header--sorted-ascending,
bsw/jbe@1309 92 &.mdl-data-table__header--sorted-descending {
bsw/jbe@1309 93 color: $data-table-header-sorted-color;
bsw/jbe@1309 94 &:before {
bsw/jbe@1309 95 @include typo-icon;
bsw/jbe@1309 96 font-size: $data-table-header-sort-icon-size;
bsw/jbe@1309 97 content: "\e5d8";
bsw/jbe@1309 98 margin-right: 5px;
bsw/jbe@1309 99 vertical-align: sub;
bsw/jbe@1309 100 }
bsw/jbe@1309 101 &:hover {
bsw/jbe@1309 102 cursor: pointer;
bsw/jbe@1309 103 &:before {
bsw/jbe@1309 104 color: $data-table-header-sorted-icon-hover-color;
bsw/jbe@1309 105 }
bsw/jbe@1309 106 }
bsw/jbe@1309 107 }
bsw/jbe@1309 108 &.mdl-data-table__header--sorted-descending:before {
bsw/jbe@1309 109 content: "\e5db";
bsw/jbe@1309 110 }
bsw/jbe@1309 111 }
bsw/jbe@1309 112 }
bsw/jbe@1309 113
bsw/jbe@1309 114 .mdl-data-table__select {
bsw/jbe@1309 115 width: 16px;
bsw/jbe@1309 116 }
bsw/jbe@1309 117
bsw/jbe@1309 118 .mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
bsw/jbe@1309 119 text-align: left;
bsw/jbe@1309 120 }

Impressum / About Us