annotate default/assets/scss/components/_table.scss @ 0:1d038bc9b3d2 default tip

Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
1 // main: ../style.scss
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
2 /********************************
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
3 *********************************
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
4 Tables
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
5 *********************************
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
6 *********************************/
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
7 .table {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
8
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
9 thead tr.thead-inverse th {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
10 background: inherit;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
11 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
12
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
13 &.table-inverse thead th {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
14 border-width: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
15 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
16
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
17 > tbody > tr:first-child > td {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
18 border-top: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
19 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
20
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
21 &.table-borderless {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
22 td, th {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
23 border: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
24 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
25 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
26
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
27 > tbody > tr[class*="bg-"] > td {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
28 color: #fff;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
29 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
30
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
31 > thead > tr > th {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
32 border-bottom-width: 1px;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
33 border-top-width: 0px;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
34 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
35
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
36 &.color-table > thead > tr > th {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
37 border: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
38 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
39
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
40 .progress {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
41 margin: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
42 margin-bottom: 0 !important;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
43 position: relative;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
44 top: em(8,12);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
45 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
46
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
47 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
48
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
49 td.footable-sortable>span.fooicon,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
50 th.footable-sortable>span.fooicon {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
51 top: em(13,12);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
52 font-size: em(12,14);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
53 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
54
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
55 .table, .table-bordered {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
56 &,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
57 > tbody > tr > td,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
58 > thead > tr > th,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
59 > tbody > tr > th {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
60 border-color: $theme-border-color;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
61 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
62 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
63
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
64 /* DataTables
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
65 ========================*/
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
66 .dataTables_wrapper {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
67 label { font-weight: normal }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
68
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
69 .dataTables_filter input {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
70 padding: em(5) em(10);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
71 border: rem(1) solid #eee;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
72 border-radius: rem(2);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
73 transition: all 0.3s ease;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
74
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
75 &:focus {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
76 border-color: $info;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
77 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
78 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
79
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
80 .dataTables_length {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
81 margin: em(15) auto;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
82 select {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
83 padding: em(3) em(7);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
84 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
85 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
86
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
87 table.dataTable {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
88 border: rem(1) solid #eee;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
89 margin-top: em(20);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
90
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
91 thead th {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
92 border-color: $theme-border-color;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
93 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
94 th, td {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
95 padding: em(15) em(20);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
96 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
97
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
98 tfoot {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
99 th {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
100 border-top: rem(1) solid #eee;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
101 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
102 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
103
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
104 thead {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
105 th {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
106 border-top: 0
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
107 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
108 .sorting,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
109 .sorting_asc,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
110 .sorting_desc {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
111 background: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
112 position: relative;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
113
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
114 &:before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
115 @include position(absolute, 50% em(10) null null );
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
116 transform: translateY(-50%);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
117 font-family: "Material Icons";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
118 font-feature-settings: 'liga';
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
119 font-size: em(18);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
120 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
121 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
122
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
123 .sorting_asc::before { content: 'expand_less' }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
124 .sorting_desc::before { content: 'expand_more' }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
125 .sorting::before { content: 'sort'; opacity: 0.1; }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
126 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
127
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
128 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
129
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
130 .dataTables_info {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
131 margin-top: em(20);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
132 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
133
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
134 .dataTables_paginate {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
135 margin-top: em(30);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
136 padding: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
137 border: rem(1) solid #eee;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
138
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
139 .paginate_button {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
140 transition: all 0.3s ease;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
141 border: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
142
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
143 &:hover {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
144 background: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
145 border: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
146 color: $body-color !important;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
147 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
148
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
149 &:focus { box-shadow:none }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
150
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
151 &.current {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
152 background: $primary;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
153 border: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
154 border-radius: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
155 color: #fff !important;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
156
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
157 &:hover {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
158 background: darken( $primary, 10%);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
159 border: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
160 color: #fff !important;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
161 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
162 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
163
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
164 &.next,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
165 &.previous {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
166 border: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
167 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
168 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
169 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
170 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
171
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
172 /* Bootstrap Tables
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
173 ========================*/
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
174 .bootstrap-table {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
175 position: relative;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
176
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
177 .btn {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
178 cursor: pointer;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
179 i {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
180 &:before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
181 font-family: "Material Icons";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
182 display: block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
183 line-height: 1;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
184 font-style: normal;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
185 font-size: em(20,15);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
186 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
187 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
188
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
189 &[name="refresh"] {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
190 i:before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
191 content: "refresh";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
192 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
193 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
194
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
195 &[name="toggle"] {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
196 i:before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
197 content: "dehaze";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
198 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
199 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
200
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
201 i.glyphicon-th:before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
202 content: "apps";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
203 display: inline;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
204 vertical-align: middle;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
205 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
206 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
207 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
208
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
209 .fixed-table-toolbar {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
210 display: inline-flex;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
211 @include position(absolute, 0 em(15) null null);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
212 z-index: 1;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
213 transform: translateY(-100%);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
214 margin-top: em(-10);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
215
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
216 .search {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
217 order: -1;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
218 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
219
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
220 .btn-group {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
221 &, & > .btn-group {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
222 display: flex;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
223 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
224 .btn {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
225 display: inline-flex;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
226 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
227 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
228
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
229 .search, .columns {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
230 margin-top: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
231 margin-bottom: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
232 // line-height: em(20);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
233
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
234 .btn {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
235 padding: 0 em(10);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
236 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
237
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
238 .dropdown-menu {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
239 input {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
240 display: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
241 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
242 label {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
243 cursor:pointer;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
244
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
245 &:before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
246 display: inline-block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
247 line-height: 1;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
248 vertical-align: middle;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
249 text-align: center;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
250 @include size( em(20) );
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
251 content: "";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
252 font-family: "feather";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
253 font-feature-settings: 'liga';
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
254 background: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
255 border: rem(2) solid #eee;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
256 margin-right: em(10);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
257 transition: all 0.3s ease;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
258 color: #fff;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
259 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
260
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
261 &.checkbox-checked::before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
262 content: "\e925";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
263 background: $primary;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
264 color: #fff;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
265 border-color: $primary;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
266 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
267 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
268 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
269 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
270
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
271 @include mobile {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
272 display: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
273 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
274
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
275 body.rtl & {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
276 left: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
277 right: auto;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
278 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
279 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
280 .fixed-table-container {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
281 border: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
282 border-bottom: rem(1) solid #eee;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
283
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
284 thead th {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
285 .both {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
286 background: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
287 position: relative;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
288 &:before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
289 content: '';
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
290 @include position(absolute, 50% em(10) null null );
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
291 transform: translateY(-50%);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
292 font-family: "Material Icons";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
293 font-feature-settings: 'liga';
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
294 font-size: em(18);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
295 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
296 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
297
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
298 .both.asc::before { content: 'expand_less'; opacity: 1 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
299 .both.desc::before { content: 'expand_more'; opacity: 1 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
300 .both::before { content: 'sort'; opacity: 0.1 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
301 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
302 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
303
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
304 .bootstrap-table .table {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
305 border: rem(1) solid #eee;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
306
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
307 > thead > tr > th {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
308 border-bottom: rem(1) solid #eee;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
309 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
310 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
311
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
312 /* Responsive Tables
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
313 ========================*/
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
314 .responsive-utilities .is-hidden {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
315 color: #ccc;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
316 background-color: #f9f9f9 !important;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
317 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
318
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
319 .responsive-utilities .is-visible {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
320 color: #468847;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
321 background-color: #dff0d8 !important;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
322 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
323
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
324 .tablesaw {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
325 .tablesaw-sortable-head {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
326 &:before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
327 content:'';
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
328 @include position(absolute, 50% em(10) null null );
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
329 transform: translateY(-50%);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
330 font-family: "Material Icons";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
331 font-feature-settings: 'liga';
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
332 font-size: em(18);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
333 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
334 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
335
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
336
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
337 .tablesaw-sortable-ascending:before { content: 'expand_less'; }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
338 .tablesaw-sortable-descending:before { content: 'expand_more'; }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
339 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
340
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
341 // .tablesaw-toolbar {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
342 // margin-right: 20px;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
343 // margin-bottom: 10px;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
344 // }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
345
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
346 .tablesaw-bar {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
347 .tablesaw-columntoggle-popup {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
348 .btn-group {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
349 display: inline-block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
350 margin: em(10) 0 em(5) 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
351 label {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
352 height: auto;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
353 line-height: 2rem;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
354 input {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
355 height: auto;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
356 position: relative;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
357 top: em(2);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
358 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
359 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
360 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
361 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
362 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
363
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
364 .tablesaw-bar .tablesaw-bar-section .btn-select {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
365 padding: em(5, 12.25) em(10, 12.25);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
366 padding-right: em(50, 12.25);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
367 font-weight: normal;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
368 position: relative;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
369 font-family: $font-family-base;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
370 background: #eee;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
371 text-transform: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
372
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
373 span {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
374 line-height: em(20, 12.25);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
375 height: em(20, 12.25);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
376 display: block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
377 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
378
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
379 select {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
380 cursor: pointer;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
381 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
382
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
383 &:after { display: none; }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
384
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
385 &:before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
386 content: 'expand_more';
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
387 font-family: "Material Icons";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
388 font-feature-settings: 'liga';
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
389 font-size: em(18, 12.25);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
390 text-transform: lowercase;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
391 @include position(absolute, 50% em(10, 12.25) null null);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
392 transform: translateY(-50%);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
393 line-height: 1;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
394 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
395 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
396
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
397 .tablesaw-sortable-arrow {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
398 display: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
399 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
400
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
401 .tablesaw-swipe .tablesaw-cell-persist {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
402 border-right: rem(1) solid #eee;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
403 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
404
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
405
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
406 /* Editable
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
407 ========================*/
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
408 .table-editable,
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
409 .table-editable-inline {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
410 .tabledit-toolbar {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
411 display: inline !important;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
412 .tabledit-save-button, .tabledit-confirm-button, .tabledit-restore-button { margin-left: em(8,12); }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
413
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
414 .btn-group {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
415 .btn {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
416 cursor: pointer;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
417 span.glyphicon {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
418 &::before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
419 font-family: "feather";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
420 display: inline-block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
421 line-height: 1;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
422 font-style: normal;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
423 font-size: em(16,12);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
424 font-weight: 300;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
425 position: relative;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
426 top: 3px;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
427 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
428 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
429
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
430 .glyphicon-pencil::before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
431 content: "\e950";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
432 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
433
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
434 .glyphicon-trash::before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
435 content: "\e9cd";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
436 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
437
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
438 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
439 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
440 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
441 tr.tabledit-deleted-row {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
442 display: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
443 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
444 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
445
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
446
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
447 /* Footable
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
448 ========================*/
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
449 .footable {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
450 .footable-sortable {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
451 .fooicon {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
452 display: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
453 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
454
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
455 &:before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
456 content: 'sort';
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
457 opacity: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
458 font-family: 'Material Icons';
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
459 font-feature-settings: 'liga';
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
460 @include position(absolute, 50% em(10) null null);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
461 transform: translateY(-50%);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
462 font-size: em(18);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
463 transition: all 0.3s ease;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
464 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
465
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
466 &:hover::before {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
467 opacity: 1;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
468 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
469
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
470 &.footable-asc::before { content: 'expand_more'; opacity: 1; }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
471 &.footable-desc::before { content: 'expand_less'; opacity: 1; }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
472 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
473
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
474 .footable-filtering {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
475 th { border-top: none; }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
476 form.form-inline {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
477 margin-top: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
478 margin-bottom: em(15);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
479 float: right;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
480 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
481 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
482
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
483 .checkbox {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
484 input[type="checkbox"] {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
485 opacity: 1;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
486 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
487 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
488
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
489 .footable-first-visible {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
490 span{
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
491 &::before{
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
492 display: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
493 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
494
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
495 &::after {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
496 font-family: "FontAwesome";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
497 display: block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
498 font-style: normal;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
499 font-size: em(18);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
500 font-weight: 300;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
501 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
502 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
503
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
504 .fooicon-plus::after {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
505 content: "\f067";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
506 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
507
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
508 .fooicon-minus::after {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
509 content: "\f068";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
510 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
511 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
512
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
513 .input-group-btn {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
514 display: inline-block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
515 .btn {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
516 span.fooicon {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
517 &::before { display: none; }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
518 &::after {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
519 font-family: "FontAwesome";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
520 display: block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
521 font-style: normal;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
522 font-size: em(16, 15);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
523 font-weight: 300;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
524 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
525 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
526
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
527 .fooicon-search::after {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
528 content: "\f002";
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
529 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
530
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
531 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
532 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
533
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
534 .footable-paging {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
535 span.label {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
536 font-size: em(11);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
537 background: rgba(0,0,0,.7);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
538 color: #fff;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
539 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
540 .pagination {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
541 margin: auto;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
542 display: inline-block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
543
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
544 > li.active > a {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
545 background: #51d2b7;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
546 border-color: #51d2b7;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
547 color: #fff;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
548 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
549
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
550 li {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
551 a {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
552 position: relative;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
553 display: block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
554 padding: 0.5rem 0.75rem;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
555 margin-left: em(-1);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
556 line-height: 1.25;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
557 color: #51d2b7;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
558 background-color: #fff;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
559 border: rem(1) solid #ddd;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
560
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
561 &:hover {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
562 background: #51d2b7;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
563 border-color: #51d2b7;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
564 color: #fff;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
565 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
566 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
567
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
568 &.footable-page-nav[data-page="first"] {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
569 a {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
570 border-top-left-radius: 0.25rem;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
571 border-bottom-left-radius: 0.25rem;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
572 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
573 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
574
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
575 &.footable-page-nav[data-page="last"] {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
576 a {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
577 border-top-right-radius: 0.25rem;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
578 border-bottom-right-radius: 0.25rem;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
579 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
580 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
581
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
582 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
583 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
584 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
585 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
586
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
587 table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type="checkbox"] {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
588 line-height: 1em;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
589 height: 1em;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
590 top: 50%;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
591 transform: translateY(-50%);
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
592 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
593
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
594 .footable-filtering {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
595 .footable-filtering-search {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
596 .dropdown-menu {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
597 li {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
598 a {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
599 display: block;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
600 width: 100%;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
601 padding: em(3) 1.42857em;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
602 padding-top: 0.35714em;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
603 padding-bottom: 0.35714em;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
604 clear: both;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
605 font-weight: normal;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
606 color: #888;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
607 text-align: inherit;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
608 white-space: nowrap;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
609 background: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
610 border: 0;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
611
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
612 &:hover {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
613 color: #555;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
614 text-decoration: none;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
615 background-color: #f7fafc;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
616 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
617
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
618 label {
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
619 cursor: pointer;
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
620 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
621 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
622 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
623 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
624 }
1d038bc9b3d2 Up:default
Liny <dev@neowd.com>
parents:
diff changeset
625 }