aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-12-08 14:34:17 +0100
committerChocobozzz <florian.bigard@gmail.com>2017-12-08 14:34:17 +0100
commitcd83ea1b908efe594c1e03f886c0dc4742b91360 (patch)
tree7ce95792ede104e5a761830ecd7aaf3ee19fd8dc /client/src/sass
parent04e0fc488826f505a8de3ce99113f3cb2fcec147 (diff)
downloadPeerTube-cd83ea1b908efe594c1e03f886c0dc4742b91360.tar.gz
PeerTube-cd83ea1b908efe594c1e03f886c0dc4742b91360.tar.zst
PeerTube-cd83ea1b908efe594c1e03f886c0dc4742b91360.zip
Design admin data tables
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/application.scss99
1 files changed, 97 insertions, 2 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index e7b4024a7..5277e2070 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -92,6 +92,16 @@ label {
92 } 92 }
93} 93}
94 94
95.admin-sub-header {
96 display: flex;
97 align-items: center;
98 margin-bottom: 30px;
99
100 .admin-sub-title {
101 flex-grow: 1;
102 }
103}
104
95.admin-sub-title { 105.admin-sub-title {
96 font-size: 20px; 106 font-size: 20px;
97 font-weight: bold; 107 font-weight: bold;
@@ -139,11 +149,96 @@ label {
139 149
140// ngprime data table customizations 150// ngprime data table customizations
141p-datatable { 151p-datatable {
152 font-size: 15px !important;
153
154 .ui-datatable-scrollable-header {
155 background-color: #fff !important;
156 }
157
158 .ui-widget-content {
159 border: none !important;
160 }
161
162 .ui-datatable-virtual-table {
163 border-top: none !important;
164 }
165
166 td {
167 border: 1px solid #E5E5E5 !important;
168 padding: 15px;
169 }
170
171 tr {
172 background-color: #fff !important;
173 height: 46px;
174
175 &:hover {
176 background-color: #f0f0f0 !important;
177 }
178
179 &:not(:hover) {
180 .action-cell * {
181 display: none !important;
182 }
183 }
184
185 &:first-child td {
186 border-top: none !important;
187 }
188 }
189
190 th {
191 border: none !important;
192 border-bottom: 1px solid #f0f0f0 !important;
193 text-align: left !important;
194 padding: 5px 0 5px 15px !important;
195 font-weight: $font-semibold !important;
196 color: #000 !important;
197
198 &.ui-state-active, &.ui-sortable-column:hover {
199 background-color: #f0f0f0 !important;
200 border: 1px solid #f0f0f0 !important;
201 }
202 }
203
142 .action-cell { 204 .action-cell {
205 width: 250px !important;
206 padding: 0 !important;
143 text-align: center; 207 text-align: center;
208 }
144 209
145 .glyphicon { 210 p-paginator {
146 cursor: pointer; 211 overflow: hidden;
212 display: block;
213 padding-top: 2px;
214 border: 1px solid #f0f0f0 !important;
215 border-top: none !important;
216
217 .ui-paginator-bottom {
218 position: relative;
219 border: none !important;
220 border-top: 1px solid #f0f0f0 !important;
221 box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.16);
222 height: 40px;
223 display: flex;
224 justify-content: center;
225 align-items: center;
226
227 a {
228 color: #000 !important;
229 font-weight: $font-semibold !important;
230 margin-right: 20px !important;
231 outline: 0 !important;
232 border-radius: 3px !important;
233 padding: 5px 2px !important;
234
235 &.ui-state-active {
236 &, &:hover, &:active, &:focus {
237 color: #fff !important;
238 background-color: $orange-color !important;
239 }
240 }
241 }
147 } 242 }
148 } 243 }
149} 244}