aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/application.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass/application.scss')
-rw-r--r--client/src/sass/application.scss126
1 files changed, 4 insertions, 122 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 4006c9128..dae0c52c2 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -6,14 +6,14 @@ $icon-font-path: '../../node_modules/bootstrap-sass/assets/fonts/bootstrap/';
6 6
7@import '_fonts'; 7@import '_fonts';
8 8
9@import '~primeng/resources/themes/bootstrap/theme.css';
10@import '~primeng/resources/primeng.css';
11@import '~video.js/dist/video-js.css'; 9@import '~video.js/dist/video-js.css';
12 10
13$assets-path: '../assets/'; 11$assets-path: '../assets/';
14@import './player/player'; 12@import './player/player';
15@import './loading-bar'; 13@import './loading-bar';
16 14
15@import './primeng-custom';
16
17[hidden] { 17[hidden] {
18 display: none !important; 18 display: none !important;
19} 19}
@@ -142,126 +142,6 @@ label {
142 to { transform: scale(1) rotate(360deg);} 142 to { transform: scale(1) rotate(360deg);}
143} 143}
144 144
145// ngprime data table customizations
146p-table {
147 font-size: 15px !important;
148
149 td {
150 border: 1px solid #E5E5E5 !important;
151 padding-left: 15px !important;
152 overflow: hidden !important;
153 text-overflow: ellipsis !important;
154 white-space: nowrap !important;
155 }
156
157 tr {
158 background-color: #fff !important;
159 height: 46px;
160 }
161
162 .ui-table-tbody {
163 tr {
164 &:hover {
165 background-color: #f0f0f0 !important;
166 }
167
168 &:not(:hover) {
169 .action-cell * {
170 display: none !important;
171 }
172 }
173
174 &:first-child td {
175 border-top: none !important;
176 }
177
178 &:last-child td {
179 border-bottom: none !important;
180 }
181 }
182
183 .expander {
184 cursor: pointer;
185 position: relative;
186 top: 1px;
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-sortable-column:hover {
199 background-color: #f0f0f0 !important;
200 border: 1px solid #f0f0f0 !important;
201 border-width: 0 1px !important;
202
203 &:first-child {
204 border-width: 0 1px 0 0 !important;
205 }
206 }
207
208 &.ui-state-highlight {
209 background-color: #fff !important;
210
211 .fa {
212 @extend .glyphicon;
213 font-size: 11px;
214
215 &.fa-sort-asc {
216 @extend .glyphicon-triangle-top;
217 }
218
219 &.fa-sort-desc {
220 @extend .glyphicon-triangle-bottom;
221 }
222 }
223 }
224 }
225
226 .action-cell {
227 width: 250px !important;
228 padding: 0 !important;
229 text-align: center;
230
231 my-edit-button + my-delete-button {
232 margin-left: 5px;
233 }
234 }
235
236 p-paginator {
237 .ui-paginator-bottom {
238 position: relative;
239 border: none !important;
240 border: 1px solid #f0f0f0 !important;
241 height: 40px;
242 display: flex;
243 justify-content: center;
244 align-items: center;
245
246 a {
247 color: #000 !important;
248 font-weight: $font-semibold !important;
249 margin-right: 20px !important;
250 outline: 0 !important;
251 border-radius: 3px !important;
252 padding: 5px 2px !important;
253
254 &.ui-state-active {
255 &, &:hover, &:active, &:focus {
256 color: #fff !important;
257 background-color: $orange-color !important;
258 }
259 }
260 }
261 }
262 }
263}
264
265// Bootstrap customizations 145// Bootstrap customizations
266.dropdown-menu { 146.dropdown-menu {
267 border-radius: 3px; 147 border-radius: 3px;
@@ -352,6 +232,8 @@ tabset:not(.bootstrap) {
352} 232}
353 233
354tabset.bootstrap { 234tabset.bootstrap {
235 margin-left: 0;
236
355 .nav-item .nav-link { 237 .nav-item .nav-link {
356 &, & a { 238 &, & a {
357 color: #000; 239 color: #000;