override.scss 10.9 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements.  See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership.  The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License.  You may obtain a copy of the License at

//     http://www.apache.org/licenses/LICENSE-2.0

// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
16 17


18 19 20 21
/* override.scss */

.tabs li.tab.active {
    border-bottom: 2px solid $color_keppel_approx;
22

23 24 25 26 27 28
    a {
        color: $color_keppel_approx;
    }
}

.modal-header {
29
    padding: 15px;
30
    border-bottom: 1px solid #DEDEDE;
31 32 33 34 35 36 37 38 39 40 41 42 43 44 45

    .header-button {
        float: right;
        opacity: .2;
        color: $black;
        margin-top: -2px;

        &:hover {
            color: $black;
            text-decoration: none;
            cursor: pointer;
            filter: alpha(opacity=50);
            opacity: .5;
        }
    }
46 47 48 49 50 51 52 53 54 55
}

.modal-title {
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}

.modal-footer {
    padding: 15px;
    text-align: right;
56
    border-top: 1px solid #DEDEDE;
57

58 59 60
    .btn+.btn {
        margin-bottom: 0;
    }
61 62 63 64 65
}

.modal-body {
    position: relative;
    padding: 15px;
66
    max-height: calc(100vh - 215px);
67
    min-height: 70px;
68
    overflow: auto;
69

70 71 72
    .btn+.btn {
        margin-bottom: 2px;
    }
73 74 75 76 77 78 79 80 81

    .admin-audit-details {
        border: 1px solid #ddd;
        border-radius: 4px;

        tr>td:nth-child(2) {
            text-align: right;
        }
    }
82 83
}

84 85 86
.modal-full-screen {
    width: 80%;
    height: 80vh;
87

88 89
    .modal-content {
        width: 100%;
90
    }
91

92 93
}

94 95 96
.switch.pull-left {
    margin-right: 8px;
}
97

98 99
.modal-content {
    border-radius: 10px;
100 101
}

102

103 104 105 106
.select2-container {
    width: 100% !important;
}

107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126
.select2-mini {

    .select2-container .select2-selection--single,
    .select2-container .select2-selection--multiple {
        min-height: 28px;
    }

    .select2-container--default .select2-selection--single {
        .select2-selection__rendered {
            line-height: 28px;
            font-size: 13px;
        }

        .select2-selection__arrow {
            height: 28px;
        }

    }
}

127
.select2-container--default {
128 129 130 131 132 133 134 135 136 137 138
    &.select2-container--disabled {
        .select2-selection--multiple {
            background-color: $color_gallery_approx !important;
            cursor: not-allowed;

            input.select2-search__field {
                cursor: not-allowed;
            }
        }
    }

139
    .select2-selection--multiple {
140

141 142
        background-color: $color_white_lilac_approx !important;
        border: 1px $color_mystic_approx solid !important;
143

144 145 146
        &.errorClass {
            border: 1px solid red !important;
        }
147
    }
148

149 150 151 152
    .select2-selection--single {
        .select2-selection__arrow {
            height: 34px;
        }
153

154 155 156 157 158
        .select2-selection__rendered {
            line-height: 32px;
            font-size: 14px;
        }
    }
159

160 161 162
    &.select2-container--focus .select2-selection--multiple {
        border-color: $color_bali_hai_approx !important;
    }
163
}
164

165
.select2-container {
166

167 168 169
    .select2-selection--single,
    .select2-selection--multiple {
        min-height: 34px;
170

171 172 173 174 175 176 177 178 179 180 181 182 183 184
        .select2-selection__rendered {
            padding-left: 12px;
        }
    }
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: $white;
    color: $color_mountain_mist_approx;
    border: 1px solid $tag_color;
}

.select2-container--default .select2-search--inline .select2-search__field {
    color: #555;
185
    // width: 300px !important;
186 187
}

188 189 190 191 192
.typeLOV {
    .select2-container--default {
        .select2-selection--multiple {
            .select2-selection__rendered {
                padding-right: 13px;
193

194 195 196 197 198
                .select2-selection__choice {
                    font-size: 14px;
                    color: $color_mountain_mist_approx;
                    border: 1px solid $color_mountain_mist_approx;
                }
199

200 201 202 203
                .select2-search__field {
                    font-size: 14px;
                }
            }
204

205 206 207 208 209 210 211 212 213
            .select2-selection__clear {
                position: absolute;
                float: none;
                margin: 0px;
                right: 4px;
                top: 5px;
                color: $color_mountain_mist_approx;
            }
        }
214 215
    }
}
216

217
.fixed-popover {
218 219 220 221 222 223 224 225
    position: fixed;
}

.popover.fade {
    -webkit-transition: ease-in .1s ease-out;
    -o-transition: ease-in .1s ease-out;
    transition: ease-in .1s ease-out;
}
226 227 228 229

.pager {
    margin: 0px;
}
230

231
.popover {
232
    z-index: 1000;
233 234
}

235
.popover-content {
236 237
    max-height: 150px;
    overflow: auto;
238

239 240 241 242 243
    ul {
        color: $dark_gray;
        padding: 0px 5px;
        margin-bottom: 0px;
        cursor: pointer;
244

245 246 247 248 249 250
        a {
            color: $dark_gray;
            padding: 5px;
        }
    }
}
251

252
.tab-content>.tab-pane.active {
253
    overflow-x: hidden;
254
    overflow: initial;
255
}
256

257
.advancedInfo {
258 259
    margin-left: 5px;
    cursor: pointer;
260
}
261

262
.query-builder {
263 264
    .rule-container {
        margin: 6px 0;
265 266 267 268 269 270 271 272 273 274 275 276 277 278 279
        display: flex;
        flex-wrap: wrap;

        .values-box {
            display: flex;
            flex-grow: 1;
            width: 100%;
            padding-right: 26px;
        }

        .action-box {
            position: absolute;
            right: 4px;
            top: calc(50% - 18px);
        }
280

281 282 283 284 285
        .rule-header {
            .rule-actions {
                padding: 7px 0px;
            }
        }
286

287 288 289 290
        .error-container {
            color: $color_trinidad_approx;
        }

291 292
        .rule-value-container {
            display: inline-block !important;
293 294
            border-left: none;
            width: calc(65% - 105px);
295

296
            .form-control {
297
                width: 100% !important;
298 299 300
                padding: 6px 12px !important;
            }
        }
301

302
        .rule-filter-container {
303 304
            width: 35%;

305
            .form-control {
306
                width: 100% !important;
307 308
            }
        }
309

310
        .rule-operator-container {
311
            width: 150px;
312

313
            .form-control {
314
                width: 100% !important;
315
            }
316
        }
317
    }
318

319 320 321
    .rules-list>:first-child::before {
        top: -8px;
    }
322

323
    .rules-group-container {
324
        border-color: transparent;
325
        background: none;
326

327 328 329 330 331 332 333
        .rules-group-header {
            .group-actions {
                .btn-success {
                    color: #38BB9B !important;
                    background-color: transparent !important;
                    border-color: #38BB9B !important;
                }
334

335 336 337 338 339 340
                .btn-danger {
                    color: #e14f00;
                    background-color: transparent;
                    border-color: #e14f00;
                }
            }
341

342 343 344
            .group-conditions {
                .btn-primary {
                    color: #333 !important;
345
                    background-color: $white !important;
346 347
                    border-color: #ccc !important;
                }
348

349
                .active {
350
                    color: $white !important;
351 352 353 354 355
                    background-color: #5bc0de !important;
                    border-color: #46b8da !important;
                }
            }
        }
356
    }
357

358

359 360 361
    .rules-group-header .btn-group.pull-right.group-actions {
        float: right !important;
    }
362 363
}

364 365 366
div.columnmanager-visibilitycontrol {
    width: auto;
    margin-bottom: 5px;
367

368
    &.open .btn-action {
369 370
        background-color: $color_keppel_approx;
        color: $white;
371
    }
372 373
}

374
div.columnmanager-dropdown-container {
375 376 377 378
    .columnmanager-dropdown-item {
        padding: 2px 13px;
    }

379 380
    &.open {
        overflow: auto;
381
        width: auto;
382
    }
383

384 385 386
    >li>span.column-label {
        width: auto;
    }
387 388 389
}

.stack-modal[aria-role="alertdialog"] {
390 391 392 393 394
    &.width-600 {
        width: 600px !important;
        left: calc(50% - 250px) !important;
        margin-left: 0 !important;
    }
395

396 397 398 399 400
    &.width-500 {
        width: 500px !important;
        left: calc(50% - 216px) !important;
        margin-left: 0 !important;
    }
401

402 403 404 405 406
    &.width-400 {
        width: 400px !important;
        left: calc(50% - 183px);
        margin-left: 0 !important;
    }
407

408 409 410 411 412 413 414 415
    .alert.ui-pnotify-container {
        color: $color_ironside_gray_approx;
        background-color: $white;
        border: 1px solid rgba(0, 0, 0, .2);
        padding: 0px;
        outline: 0;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
416

417 418 419 420
        .ui-pnotify-icon,
        .ui-pnotify-title {
            padding: 15px;
        }
421

422 423 424 425 426 427
        .ui-pnotify-text {
            position: relative;
            padding: 15px;
            max-height: 400px;
            min-height: 70px;
            overflow: auto;
428 429
            border-top: 1px solid #DEDEDE;
            word-break: break-word;
430 431 432 433 434 435 436 437
        }

        .ui-pnotify-action-bar {
            padding: 15px;
            text-align: right;
            border-top: 1px solid #DEDEDE;
        }
    }
438 439 440 441 442
}

.ui-pnotify-icon,
.ui-pnotify-icon span {
    padding: 2px 0px;
443 444 445 446 447 448
}

.btn-round-xs {
    border-radius: 11px;
    padding-left: 10px;
    padding-right: 10px;
449
    background-color: transparent !important;
450 451 452
    color: #626467;
    border: 1px solid black;
}
453

454 455
.text-center {
    text-align: center !important;
456
}
457 458

.margin-15 {
459
    margin: 15px 0px;
460 461 462 463 464 465 466 467
}

.padding-left-0 {
    padding-left: 0px !important;
}

.fa-color {
    color: $color_keppel_approx
468
}
469 470

.w30 {
471
    width: 30% !important;
472 473 474 475 476 477 478 479 480 481 482 483
}

.query-builder .error-container {
    cursor: pointer;
}

.renderable {
    .glyphicon {
        color: $color_jungle_green_approx;
        font-size: large;
        font-weight: bold;
    }
484 485 486 487

    .noToggle {
        color: $gray;
    }
488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505
}

.backgrid-internal-table {

    th,
    td {
        display: table-cell;
    }
}

.table-hover>tbody>tr:hover {
    background-color: #fafafa;
}

.input-group {
    .form-control {
        z-index: 1;
    }
506 507 508 509 510 511
}

.ui-pnotify-container {
    .ui-pnotify-text {
        word-break: break-word;
    }
512 513 514 515 516 517 518 519 520 521
}

.jstree-wholerow-ul {
    width: 100%;

    .jstree-anchor {
        width: calc(100% - 50px);
        overflow: hidden;
        text-overflow: ellipsis;
    }
522 523
}

524 525 526 527 528 529 530 531
.modal {
    position: absolute;
}

.modal-open {
    overflow-y: auto;
}

532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551
.daterangepicker {
    max-height: 400px;
    overflow-y: scroll;

    .ranges {
        max-height: 328px;
        overflow: auto;
    }

    .ranges li.active,
    td.active {
        background-color: $color_havelock_blue_approx;
    }

    .drp-buttons {
        .applyBtn {
            background-color: $color_havelock_blue_approx;
            border-color: $color_havelock_blue_approx;
        }
    }
552
}