@egovernments/digit-ui-components-css 0.0.2-beta.10 → 0.0.2-beta.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/dist/index.css +612 -26
- package/dist/index.min.css +2 -2
- package/package.json +1 -1
- package/src/digitv2/components/actionbarV2.scss +207 -0
- package/src/digitv2/components/backLinkV2.scss +1 -1
- package/src/digitv2/components/buttonsV2.scss +27 -2
- package/src/digitv2/components/cardV2.scss +18 -5
- package/src/digitv2/components/headerdropdownV2.scss +152 -0
- package/src/digitv2/components/popUpV2.scss +11 -0
- package/src/digitv2/components/timelineV2.scss +22 -10
- package/src/digitv2/components/topbarV2.scss +388 -0
- package/src/digitv2/index.scss +3 -2
package/dist/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @egovernments/digit-ui-components-css - 0.0.2-beta.
|
|
2
|
+
* @egovernments/digit-ui-components-css - 0.0.2-beta.11
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2024 Jagankumar <jagan.kumar@egov.org.in>
|
|
5
5
|
*
|
|
@@ -1263,7 +1263,7 @@
|
|
|
1263
1263
|
width: 1.25rem;
|
|
1264
1264
|
height: 1.25rem; } }
|
|
1265
1265
|
.digit-back-link .digit-back-link-label {
|
|
1266
|
-
color: #
|
|
1266
|
+
color: #0b4b66;
|
|
1267
1267
|
margin-top: .063rem;
|
|
1268
1268
|
cursor: pointer; }
|
|
1269
1269
|
.digit-back-link.disabled {
|
|
@@ -1737,22 +1737,22 @@ body {
|
|
|
1737
1737
|
.typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading {
|
|
1738
1738
|
font-size: 1.5rem; } }
|
|
1739
1739
|
|
|
1740
|
-
.typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading, .typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label {
|
|
1740
|
+
.typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading, .typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb {
|
|
1741
1741
|
font-family: Roboto;
|
|
1742
1742
|
font-style: normal;
|
|
1743
1743
|
font-weight: 700;
|
|
1744
1744
|
line-height: 1.14rem; }
|
|
1745
1745
|
|
|
1746
1746
|
@media (max-aspect-ratio: 9 / 16) {
|
|
1747
|
-
.typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label {
|
|
1747
|
+
.typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb {
|
|
1748
1748
|
font-size: 1rem; } }
|
|
1749
1749
|
|
|
1750
1750
|
@media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
|
|
1751
|
-
.typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label {
|
|
1751
|
+
.typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb {
|
|
1752
1752
|
font-size: 1rem; } }
|
|
1753
1753
|
|
|
1754
1754
|
@media (min-aspect-ratio: 3 / 4) {
|
|
1755
|
-
.typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label {
|
|
1755
|
+
.typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb {
|
|
1756
1756
|
font-size: 1rem; } }
|
|
1757
1757
|
|
|
1758
1758
|
.typography.heading-xs, .digit-tag-container .digit-tag.errortag .digit-text {
|
|
@@ -1831,18 +1831,18 @@ body {
|
|
|
1831
1831
|
font-size: 1.25rem; } }
|
|
1832
1832
|
|
|
1833
1833
|
@media (max-aspect-ratio: 9 / 16) {
|
|
1834
|
-
.typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value {
|
|
1834
|
+
.typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
|
|
1835
1835
|
font-size: .875rem; } }
|
|
1836
1836
|
|
|
1837
1837
|
@media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
|
|
1838
|
-
.typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value {
|
|
1838
|
+
.typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
|
|
1839
1839
|
font-size: 1rem; } }
|
|
1840
1840
|
|
|
1841
1841
|
@media (min-aspect-ratio: 3 / 4) {
|
|
1842
|
-
.typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value {
|
|
1842
|
+
.typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
|
|
1843
1843
|
font-size: 1rem; } }
|
|
1844
1844
|
|
|
1845
|
-
.typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label {
|
|
1845
|
+
.typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label {
|
|
1846
1846
|
font-family: Roboto;
|
|
1847
1847
|
font-style: normal;
|
|
1848
1848
|
font-weight: 400;
|
|
@@ -1872,12 +1872,12 @@ body {
|
|
|
1872
1872
|
.typography.label, .digit-upload-image-drawer .image-upload-options .upload-options-label, .digit-uploader-wrap .digit-upload-label {
|
|
1873
1873
|
font-size: 1rem; } }
|
|
1874
1874
|
|
|
1875
|
-
.typography.label, .digit-upload-image-drawer .image-upload-options .upload-options-label, .digit-uploader-wrap .digit-upload-label, .typography.link
|
|
1875
|
+
.typography.label, .digit-upload-image-drawer .image-upload-options .upload-options-label, .digit-uploader-wrap .digit-upload-label, .typography.link {
|
|
1876
1876
|
font-family: Roboto;
|
|
1877
1877
|
font-style: normal;
|
|
1878
1878
|
font-weight: 400; }
|
|
1879
1879
|
|
|
1880
|
-
.typography.link
|
|
1880
|
+
.typography.link {
|
|
1881
1881
|
text-decoration: underline;
|
|
1882
1882
|
font-size: 1rem; }
|
|
1883
1883
|
|
|
@@ -2190,7 +2190,7 @@ ol, ul {
|
|
|
2190
2190
|
color: #c5c5c5; }
|
|
2191
2191
|
.digit-button-secondary.large h2 {
|
|
2192
2192
|
height: 1.25rem;
|
|
2193
|
-
margin-top: .
|
|
2193
|
+
margin-top: .25rem; }
|
|
2194
2194
|
.digit-button-secondary.medium {
|
|
2195
2195
|
height: 2rem; }
|
|
2196
2196
|
.digit-button-secondary.small {
|
|
@@ -2492,6 +2492,24 @@ ol, ul {
|
|
|
2492
2492
|
-ms-flex: 1;
|
|
2493
2493
|
flex: 1; }
|
|
2494
2494
|
|
|
2495
|
+
.header-dropdown-container {
|
|
2496
|
+
position: relative; }
|
|
2497
|
+
.header-dropdown-container .header-dropdown-menu {
|
|
2498
|
+
position: absolute;
|
|
2499
|
+
z-index: 30;
|
|
2500
|
+
bottom: 1.25rem;
|
|
2501
|
+
right: 0;
|
|
2502
|
+
max-height: unset;
|
|
2503
|
+
margin-top: unset; }
|
|
2504
|
+
.header-dropdown-container .header-dropdown-menu.showBottom {
|
|
2505
|
+
bottom: unset; }
|
|
2506
|
+
@media (max-width: 30rem) {
|
|
2507
|
+
.header-dropdown-container .header-dropdown-menu {
|
|
2508
|
+
width: 100% !important; } }
|
|
2509
|
+
@media (max-width: 15.625rem) {
|
|
2510
|
+
.header-dropdown-container .header-dropdown-menu {
|
|
2511
|
+
left: 0; } }
|
|
2512
|
+
|
|
2495
2513
|
.digit-card-label {
|
|
2496
2514
|
font-weight: 400;
|
|
2497
2515
|
font-size: 16px;
|
|
@@ -3013,10 +3031,16 @@ ol, ul {
|
|
|
3013
3031
|
padding-bottom: 1rem;
|
|
3014
3032
|
padding-right: 1rem;
|
|
3015
3033
|
padding-top: 1rem; } }
|
|
3016
|
-
.digit-card-component.action
|
|
3017
|
-
|
|
3034
|
+
.digit-card-component.action {
|
|
3035
|
+
padding: 1.5rem;
|
|
3036
|
+
grid-gap: 1.5rem;
|
|
3037
|
+
gap: 1.5rem; }
|
|
3038
|
+
.digit-card-component.action button {
|
|
3039
|
+
width: 100%; }
|
|
3018
3040
|
.digit-card-component.viewcard .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader {
|
|
3019
3041
|
color: #0b4b66; }
|
|
3042
|
+
.digit-card-component.form .digit-label-field-pair, .digit-card-component.form .digit-radio-options-wrap {
|
|
3043
|
+
margin-bottom: unset; }
|
|
3020
3044
|
|
|
3021
3045
|
.digit-checkbox-container {
|
|
3022
3046
|
display: -webkit-box;
|
|
@@ -4540,6 +4564,13 @@ ol, ul {
|
|
|
4540
4564
|
margin-top: 0; }
|
|
4541
4565
|
.digit-popup-overlay .digit-popup-wrapper .digit-popup-footer-buttons button {
|
|
4542
4566
|
width: 100%; } }
|
|
4567
|
+
.digit-popup-overlay .digit-popup-wrapper .digit-popup-footer-buttons.equal-buttons {
|
|
4568
|
+
width: 100%; }
|
|
4569
|
+
@media (min-width: 30.063rem) {
|
|
4570
|
+
.digit-popup-overlay .digit-popup-wrapper .digit-popup-footer-buttons.equal-buttons button {
|
|
4571
|
+
-webkit-box-flex: 1;
|
|
4572
|
+
-ms-flex: 1;
|
|
4573
|
+
flex: 1; } }
|
|
4543
4574
|
.digit-popup-overlay .digit-popup-wrapper.equal-buttons {
|
|
4544
4575
|
width: 100%; }
|
|
4545
4576
|
.digit-popup-overlay .digit-popup-wrapper.equal-buttons button {
|
|
@@ -5292,9 +5323,6 @@ ol, ul {
|
|
|
5292
5323
|
background-color: #eee;
|
|
5293
5324
|
background-color: rgba(238, 238, 238, var(--bg-opacity)); }
|
|
5294
5325
|
|
|
5295
|
-
.cp {
|
|
5296
|
-
cursor: pointer; }
|
|
5297
|
-
|
|
5298
5326
|
.digit-stepper-container {
|
|
5299
5327
|
display: -webkit-box;
|
|
5300
5328
|
display: -ms-flexbox;
|
|
@@ -6061,13 +6089,6 @@ textarea::-webkit-scrollbar-thumb {
|
|
|
6061
6089
|
img {
|
|
6062
6090
|
max-width: 100%; }
|
|
6063
6091
|
|
|
6064
|
-
.details-btn {
|
|
6065
|
-
text-align: left;
|
|
6066
|
-
background-color: initial;
|
|
6067
|
-
border: none;
|
|
6068
|
-
color: #c84c0e;
|
|
6069
|
-
padding: 0; }
|
|
6070
|
-
|
|
6071
6092
|
.timeline-circle, .timeline-circle.upcoming {
|
|
6072
6093
|
background-color: #c5c5c5; }
|
|
6073
6094
|
|
|
@@ -6108,10 +6129,22 @@ img {
|
|
|
6108
6129
|
|
|
6109
6130
|
.digit-timeline-molecule {
|
|
6110
6131
|
max-height: 100%; }
|
|
6132
|
+
@media (min-aspect-ratio: 3 / 4) {
|
|
6133
|
+
.digit-timeline-molecule .timeline-content:not(.lastTimeline) {
|
|
6134
|
+
margin-bottom: 1.5rem; } }
|
|
6135
|
+
@media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
|
|
6136
|
+
.digit-timeline-molecule .timeline-content:not(.lastTimeline) {
|
|
6137
|
+
margin-bottom: 1.25rem; } }
|
|
6138
|
+
@media (max-aspect-ratio: 9 / 16) {
|
|
6139
|
+
.digit-timeline-molecule .timeline-content:not(.lastTimeline) {
|
|
6140
|
+
margin-bottom: 1rem; } }
|
|
6111
6141
|
|
|
6112
|
-
.view-more-container {
|
|
6142
|
+
.view-more-past-container {
|
|
6113
6143
|
margin-top: 1rem; }
|
|
6114
6144
|
|
|
6145
|
+
.view-more-future-container {
|
|
6146
|
+
margin-bottom: 1rem; }
|
|
6147
|
+
|
|
6115
6148
|
.digit-toast-success {
|
|
6116
6149
|
position: fixed;
|
|
6117
6150
|
display: -webkit-box;
|
|
@@ -6947,6 +6980,559 @@ img {
|
|
|
6947
6980
|
.digit-viewcard-field-pair.inline .digit-viewcard-value {
|
|
6948
6981
|
width: 80%; }
|
|
6949
6982
|
|
|
6983
|
+
.digit-action-bar-wrap {
|
|
6984
|
+
width: 100%;
|
|
6985
|
+
max-width: 100%;
|
|
6986
|
+
padding: 1rem 2rem;
|
|
6987
|
+
display: -webkit-box !important;
|
|
6988
|
+
display: -ms-flexbox !important;
|
|
6989
|
+
display: flex !important;
|
|
6990
|
+
-webkit-box-align: center;
|
|
6991
|
+
-ms-flex-align: center;
|
|
6992
|
+
align-items: center;
|
|
6993
|
+
-webkit-box-pack: justify;
|
|
6994
|
+
-ms-flex-pack: justify;
|
|
6995
|
+
justify-content: space-between;
|
|
6996
|
+
-webkit-box-shadow: 0 -0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
|
|
6997
|
+
box-shadow: 0 -0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
|
|
6998
|
+
background-color: #fff;
|
|
6999
|
+
height: 4.5rem;
|
|
7000
|
+
position: fixed;
|
|
7001
|
+
bottom: 0;
|
|
7002
|
+
left: 0;
|
|
7003
|
+
right: 0;
|
|
7004
|
+
z-index: 100; }
|
|
7005
|
+
@media (min-width: 48rem) {
|
|
7006
|
+
.digit-action-bar-wrap {
|
|
7007
|
+
grid-gap: 1.5rem;
|
|
7008
|
+
gap: 1.5rem; } }
|
|
7009
|
+
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
7010
|
+
.digit-action-bar-wrap {
|
|
7011
|
+
grid-gap: 1.25rem;
|
|
7012
|
+
gap: 1.25rem; } }
|
|
7013
|
+
@media (max-width: 30rem) {
|
|
7014
|
+
.digit-action-bar-wrap {
|
|
7015
|
+
grid-gap: 1rem;
|
|
7016
|
+
gap: 1rem;
|
|
7017
|
+
-webkit-box-shadow: 0 -0.063rem 0.125rem 0 rgba(0, 0, 0, 0.14902);
|
|
7018
|
+
box-shadow: 0 -0.063rem 0.125rem 0 rgba(0, 0, 0, 0.14902);
|
|
7019
|
+
height: 8rem;
|
|
7020
|
+
padding-left: 1rem;
|
|
7021
|
+
padding-bottom: 1rem;
|
|
7022
|
+
padding-right: 1rem;
|
|
7023
|
+
padding-top: 1rem; } }
|
|
7024
|
+
.digit-action-bar-wrap .digit-action-bar-fields {
|
|
7025
|
+
display: -webkit-box;
|
|
7026
|
+
display: -ms-flexbox;
|
|
7027
|
+
display: flex;
|
|
7028
|
+
-webkit-box-pack: justify;
|
|
7029
|
+
-ms-flex-pack: justify;
|
|
7030
|
+
justify-content: space-between;
|
|
7031
|
+
-ms-flex-wrap: wrap;
|
|
7032
|
+
flex-wrap: wrap; }
|
|
7033
|
+
@media (min-width: 48rem) {
|
|
7034
|
+
.digit-action-bar-wrap .digit-action-bar-fields {
|
|
7035
|
+
grid-gap: 1.5rem;
|
|
7036
|
+
gap: 1.5rem; } }
|
|
7037
|
+
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
7038
|
+
.digit-action-bar-wrap .digit-action-bar-fields {
|
|
7039
|
+
grid-gap: 1.25rem;
|
|
7040
|
+
gap: 1.25rem; } }
|
|
7041
|
+
@media (max-width: 30rem) {
|
|
7042
|
+
.digit-action-bar-wrap .digit-action-bar-fields {
|
|
7043
|
+
grid-gap: 1rem;
|
|
7044
|
+
gap: 1rem;
|
|
7045
|
+
-webkit-box-orient: vertical;
|
|
7046
|
+
-webkit-box-direction: normal;
|
|
7047
|
+
-ms-flex-direction: column;
|
|
7048
|
+
flex-direction: column; }
|
|
7049
|
+
.digit-action-bar-wrap .digit-action-bar-fields .action-bar-individual-action-field button {
|
|
7050
|
+
width: 100%;
|
|
7051
|
+
max-width: 100%; } }
|
|
7052
|
+
.digit-action-bar-wrap .digit-action-bar-fields.toRight {
|
|
7053
|
+
margin-left: auto; }
|
|
7054
|
+
.digit-action-bar-wrap .digit-action-bar-fields.toLeft {
|
|
7055
|
+
-webkit-box-pack: unset;
|
|
7056
|
+
-ms-flex-pack: unset;
|
|
7057
|
+
justify-content: unset; }
|
|
7058
|
+
.digit-action-bar-wrap .digit-action-bar-fields .action-bar-individual-action-field button {
|
|
7059
|
+
-webkit-box-flex: 1;
|
|
7060
|
+
-ms-flex: 1;
|
|
7061
|
+
flex: 1; }
|
|
7062
|
+
.digit-action-bar-wrap .digit-action-bar-fields:not(.toRight) {
|
|
7063
|
+
width: 100%; }
|
|
7064
|
+
.digit-action-bar-wrap .digit-dropdown-select-wrap, .digit-action-bar-wrap .digit-employee-dropdown-select-wrap {
|
|
7065
|
+
margin-bottom: 0; }
|
|
7066
|
+
.digit-action-bar-wrap .header-dropdown-container {
|
|
7067
|
+
position: relative; }
|
|
7068
|
+
.digit-action-bar-wrap .header-dropdown-menu {
|
|
7069
|
+
position: absolute;
|
|
7070
|
+
z-index: 30;
|
|
7071
|
+
bottom: 2.5rem;
|
|
7072
|
+
right: 0;
|
|
7073
|
+
max-height: unset;
|
|
7074
|
+
margin-top: unset; }
|
|
7075
|
+
.digit-action-bar-wrap .header-dropdown-menu.showBottom {
|
|
7076
|
+
bottom: unset; }
|
|
7077
|
+
|
|
7078
|
+
.header-dropdown-profile {
|
|
7079
|
+
display: -webkit-box;
|
|
7080
|
+
display: -ms-flexbox;
|
|
7081
|
+
display: flex;
|
|
7082
|
+
-webkit-box-align: center;
|
|
7083
|
+
-ms-flex-align: center;
|
|
7084
|
+
align-items: center;
|
|
7085
|
+
-webkit-box-pack: center;
|
|
7086
|
+
-ms-flex-pack: center;
|
|
7087
|
+
justify-content: center;
|
|
7088
|
+
width: 2rem;
|
|
7089
|
+
height: 2rem;
|
|
7090
|
+
overflow: hidden;
|
|
7091
|
+
border-radius: 50%; }
|
|
7092
|
+
.header-dropdown-profile.text {
|
|
7093
|
+
color: #fff;
|
|
7094
|
+
font-weight: 700;
|
|
7095
|
+
background: #0b4b66; }
|
|
7096
|
+
.header-dropdown-profile.dark.text {
|
|
7097
|
+
background: #fff;
|
|
7098
|
+
font-weight: 700;
|
|
7099
|
+
color: #0b4b66; }
|
|
7100
|
+
.header-dropdown-profile img {
|
|
7101
|
+
width: 100%;
|
|
7102
|
+
height: auto;
|
|
7103
|
+
display: block; }
|
|
7104
|
+
|
|
7105
|
+
.header-dropdown-label {
|
|
7106
|
+
cursor: pointer;
|
|
7107
|
+
display: -webkit-box;
|
|
7108
|
+
display: -ms-flexbox;
|
|
7109
|
+
display: flex;
|
|
7110
|
+
-webkit-box-align: center;
|
|
7111
|
+
-ms-flex-align: center;
|
|
7112
|
+
align-items: center;
|
|
7113
|
+
color: #363636;
|
|
7114
|
+
position: relative; }
|
|
7115
|
+
.header-dropdown-label.dark {
|
|
7116
|
+
color: #fff; }
|
|
7117
|
+
|
|
7118
|
+
.header-dropdown-arrow {
|
|
7119
|
+
margin-left: .5rem;
|
|
7120
|
+
width: 1.5rem;
|
|
7121
|
+
height: 1.5rem; }
|
|
7122
|
+
|
|
7123
|
+
.header-dropdown-menu {
|
|
7124
|
+
width: -webkit-fit-content !important;
|
|
7125
|
+
width: -moz-fit-content !important;
|
|
7126
|
+
width: fit-content !important;
|
|
7127
|
+
-webkit-box-shadow: 0 0.063rem 0.275rem 0 rgba(0, 0, 0, 0.14902);
|
|
7128
|
+
box-shadow: 0 0.063rem 0.275rem 0 rgba(0, 0, 0, 0.14902);
|
|
7129
|
+
max-height: 80%;
|
|
7130
|
+
background-color: #fff;
|
|
7131
|
+
margin-top: 1.25rem;
|
|
7132
|
+
position: fixed;
|
|
7133
|
+
min-width: 14rem;
|
|
7134
|
+
max-width: 25rem;
|
|
7135
|
+
z-index: 30;
|
|
7136
|
+
overflow-y: auto;
|
|
7137
|
+
overflow-x: hidden; }
|
|
7138
|
+
|
|
7139
|
+
.header-dropdown-search-container {
|
|
7140
|
+
height: 3.5rem;
|
|
7141
|
+
min-width: 14rem;
|
|
7142
|
+
max-width: 25rem;
|
|
7143
|
+
width: auto;
|
|
7144
|
+
padding: 0.75rem !important; }
|
|
7145
|
+
|
|
7146
|
+
.header-dropdown-search {
|
|
7147
|
+
height: 2rem !important;
|
|
7148
|
+
min-width: 12.5rem;
|
|
7149
|
+
max-width: 23.5rem; }
|
|
7150
|
+
.header-dropdown-search .digit-text-input-customIcon {
|
|
7151
|
+
height: 1.25rem;
|
|
7152
|
+
width: 1.25rem;
|
|
7153
|
+
top: .4rem;
|
|
7154
|
+
right: 1rem; }
|
|
7155
|
+
.header-dropdown-search .input-container, .header-dropdown-search input, .header-dropdown-search .digit-checkbox-container .input-emp, .digit-checkbox-container .header-dropdown-search .input-emp {
|
|
7156
|
+
max-height: 100%; }
|
|
7157
|
+
|
|
7158
|
+
.header-dropdown-options {
|
|
7159
|
+
max-height: 12.5rem;
|
|
7160
|
+
overflow-y: auto; }
|
|
7161
|
+
|
|
7162
|
+
.header-dropdown-option {
|
|
7163
|
+
white-space: nowrap;
|
|
7164
|
+
width: 100%;
|
|
7165
|
+
max-width: 100%;
|
|
7166
|
+
overflow: hidden;
|
|
7167
|
+
padding: 1rem .625rem;
|
|
7168
|
+
color: #363636;
|
|
7169
|
+
grid-gap: .5rem;
|
|
7170
|
+
gap: .5rem;
|
|
7171
|
+
height: 2.5rem;
|
|
7172
|
+
display: -webkit-box;
|
|
7173
|
+
display: -ms-flexbox;
|
|
7174
|
+
display: flex;
|
|
7175
|
+
-webkit-box-align: center;
|
|
7176
|
+
-ms-flex-align: center;
|
|
7177
|
+
align-items: center;
|
|
7178
|
+
word-break: break-word;
|
|
7179
|
+
text-overflow: ellipsis;
|
|
7180
|
+
cursor: pointer; }
|
|
7181
|
+
.header-dropdown-option svg {
|
|
7182
|
+
-ms-flex-negative: 0;
|
|
7183
|
+
flex-shrink: 0; }
|
|
7184
|
+
|
|
7185
|
+
.header-dropdown-option:not(:hover):not(:active):nth-of-type(odd) {
|
|
7186
|
+
background-color: #fafafa; }
|
|
7187
|
+
|
|
7188
|
+
.header-dropdown-nooption {
|
|
7189
|
+
padding: .5rem;
|
|
7190
|
+
pointer-events: none;
|
|
7191
|
+
color: #c5c5c5;
|
|
7192
|
+
background-color: #fafafa; }
|
|
7193
|
+
|
|
7194
|
+
.header-dropdown-option.keyChange, .header-dropdown-option:hover {
|
|
7195
|
+
background: #fbeee8 !important;
|
|
7196
|
+
border: .031rem solid #c84c0e; }
|
|
7197
|
+
|
|
7198
|
+
.header-dropdown-option.activeIndex, .header-dropdown-option:active {
|
|
7199
|
+
background: #c84c0e !important;
|
|
7200
|
+
color: #fff; }
|
|
7201
|
+
|
|
7202
|
+
.header-dropdown-options::-webkit-scrollbar {
|
|
7203
|
+
width: .5rem;
|
|
7204
|
+
background-color: #eee; }
|
|
7205
|
+
|
|
7206
|
+
.header-dropdown-options::-webkit-scrollbar-track {
|
|
7207
|
+
background-color: #eee;
|
|
7208
|
+
border-radius: .563rem; }
|
|
7209
|
+
|
|
7210
|
+
.header-dropdown-options::-webkit-scrollbar-thumb {
|
|
7211
|
+
background-color: #d6d5d4;
|
|
7212
|
+
border-radius: .563rem; }
|
|
7213
|
+
|
|
7214
|
+
.topbar {
|
|
7215
|
+
position: fixed;
|
|
7216
|
+
top: 0;
|
|
7217
|
+
width: 100%;
|
|
7218
|
+
padding: .625rem 1.5rem;
|
|
7219
|
+
background: #fff;
|
|
7220
|
+
-webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 0.063rem 0.25rem;
|
|
7221
|
+
box-shadow: 0 0.063rem 0.25rem rgba(0, 0, 0, 0.24);
|
|
7222
|
+
z-index: 9999999;
|
|
7223
|
+
display: -webkit-box;
|
|
7224
|
+
display: -ms-flexbox;
|
|
7225
|
+
display: flex;
|
|
7226
|
+
-webkit-box-align: center;
|
|
7227
|
+
-ms-flex-align: center;
|
|
7228
|
+
align-items: center; }
|
|
7229
|
+
.topbar img {
|
|
7230
|
+
display: inline; }
|
|
7231
|
+
.topbar img.city {
|
|
7232
|
+
margin-right: .5rem;
|
|
7233
|
+
height: 3rem;
|
|
7234
|
+
width: 3rem; }
|
|
7235
|
+
.topbar img.state {
|
|
7236
|
+
height: 1.25rem;
|
|
7237
|
+
max-height: 1.25rem;
|
|
7238
|
+
width: auto; }
|
|
7239
|
+
.topbar .ulb {
|
|
7240
|
+
font-weight: 700;
|
|
7241
|
+
display: inline-block; }
|
|
7242
|
+
.topbar .right {
|
|
7243
|
+
float: right;
|
|
7244
|
+
margin-top: .75rem;
|
|
7245
|
+
position: relative; }
|
|
7246
|
+
.topbar .right svg {
|
|
7247
|
+
display: inline; }
|
|
7248
|
+
.topbar .right .user-img-txt {
|
|
7249
|
+
background: #f47738;
|
|
7250
|
+
padding: .625rem .938rem;
|
|
7251
|
+
border-radius: 50%;
|
|
7252
|
+
color: #fff;
|
|
7253
|
+
font-weight: 700; }
|
|
7254
|
+
.topbar .left {
|
|
7255
|
+
float: left; }
|
|
7256
|
+
.topbar .w-80 {
|
|
7257
|
+
width: 70%; }
|
|
7258
|
+
.topbar .width-20 {
|
|
7259
|
+
width: 30%; }
|
|
7260
|
+
.topbar .margin-top-6 {
|
|
7261
|
+
margin-top: .375rem; }
|
|
7262
|
+
.topbar .margin-right-30 {
|
|
7263
|
+
margin-right: 1.875rem; }
|
|
7264
|
+
.topbar .margin-top-10 {
|
|
7265
|
+
margin-top: .625rem; }
|
|
7266
|
+
.topbar .icon {
|
|
7267
|
+
display: block;
|
|
7268
|
+
color: #757575;
|
|
7269
|
+
fill: #757575;
|
|
7270
|
+
height: 1.313rem;
|
|
7271
|
+
width: 1.313rem; }
|
|
7272
|
+
.topbar .column-gap-15 {
|
|
7273
|
+
grid-column-gap: .938rem;
|
|
7274
|
+
-webkit-column-gap: .938rem;
|
|
7275
|
+
-moz-column-gap: .938rem;
|
|
7276
|
+
column-gap: .938rem; }
|
|
7277
|
+
.topbar .column-gap-5 {
|
|
7278
|
+
grid-column-gap: .313rem;
|
|
7279
|
+
-webkit-column-gap: .313rem;
|
|
7280
|
+
-moz-column-gap: .313rem;
|
|
7281
|
+
column-gap: .313rem; }
|
|
7282
|
+
.topbar .employee-select-wrap, .topbar .select-wrap {
|
|
7283
|
+
margin-bottom: 0; }
|
|
7284
|
+
.topbar .employee-select-wrap .profile-dropdown--item span, .topbar .select-wrap .profile-dropdown--item span {
|
|
7285
|
+
white-space: pre; }
|
|
7286
|
+
.topbar .digit-employee-select-wrap {
|
|
7287
|
+
margin-bottom: 0; }
|
|
7288
|
+
.topbar .digit-topbar-container {
|
|
7289
|
+
display: -webkit-box;
|
|
7290
|
+
display: -ms-flexbox;
|
|
7291
|
+
display: flex;
|
|
7292
|
+
-webkit-box-align: center;
|
|
7293
|
+
-ms-flex-align: center;
|
|
7294
|
+
align-items: center;
|
|
7295
|
+
-webkit-box-pack: justify;
|
|
7296
|
+
-ms-flex-pack: justify;
|
|
7297
|
+
justify-content: space-between;
|
|
7298
|
+
width: 100%; }
|
|
7299
|
+
@media screen and (min-width: 40.063rem) {
|
|
7300
|
+
.topbar .digit-hamburger-class {
|
|
7301
|
+
display: none !important; } }
|
|
7302
|
+
@media screen and (max-width: 40rem) {
|
|
7303
|
+
.topbar .ulb {
|
|
7304
|
+
font-size: .875rem;
|
|
7305
|
+
display: inline-block; }
|
|
7306
|
+
.topbar .flex-right {
|
|
7307
|
+
display: none; }
|
|
7308
|
+
.topbar .digit-employee-select-wrap {
|
|
7309
|
+
right: 0; } }
|
|
7310
|
+
|
|
7311
|
+
.cp {
|
|
7312
|
+
cursor: pointer; }
|
|
7313
|
+
.cp .hamburger {
|
|
7314
|
+
display: none; }
|
|
7315
|
+
@media (max-width: 48.75rem) {
|
|
7316
|
+
.cp .hamburger {
|
|
7317
|
+
display: none; } }
|
|
7318
|
+
|
|
7319
|
+
.citizen .right {
|
|
7320
|
+
margin-top: .313rem;
|
|
7321
|
+
margin-bottom: .313rem; }
|
|
7322
|
+
|
|
7323
|
+
.citizen .topbar-select-wrap {
|
|
7324
|
+
margin-bottom: 0; }
|
|
7325
|
+
|
|
7326
|
+
.citizen .flex-between {
|
|
7327
|
+
display: -webkit-box;
|
|
7328
|
+
display: -ms-flexbox;
|
|
7329
|
+
display: flex;
|
|
7330
|
+
-webkit-box-align: center;
|
|
7331
|
+
-ms-flex-align: center;
|
|
7332
|
+
align-items: center;
|
|
7333
|
+
-webkit-box-pack: justify;
|
|
7334
|
+
-ms-flex-pack: justify;
|
|
7335
|
+
justify-content: space-between; }
|
|
7336
|
+
|
|
7337
|
+
.profile-dropdown--item {
|
|
7338
|
+
display: -webkit-box;
|
|
7339
|
+
display: -ms-flexbox;
|
|
7340
|
+
display: flex;
|
|
7341
|
+
-webkit-box-orient: horizontal;
|
|
7342
|
+
-webkit-box-direction: normal;
|
|
7343
|
+
-ms-flex-direction: row;
|
|
7344
|
+
flex-direction: row;
|
|
7345
|
+
padding: .625rem;
|
|
7346
|
+
grid-column-gap: .625rem;
|
|
7347
|
+
-webkit-column-gap: .625rem;
|
|
7348
|
+
-moz-column-gap: .625rem;
|
|
7349
|
+
column-gap: .625rem;
|
|
7350
|
+
color: #505a5f; }
|
|
7351
|
+
.profile-dropdown--item:hover {
|
|
7352
|
+
background: #eee; }
|
|
7353
|
+
|
|
7354
|
+
.flex-right {
|
|
7355
|
+
display: -webkit-box;
|
|
7356
|
+
display: -ms-flexbox;
|
|
7357
|
+
display: flex;
|
|
7358
|
+
-webkit-box-align: center;
|
|
7359
|
+
-ms-flex-align: center;
|
|
7360
|
+
align-items: center;
|
|
7361
|
+
-webkit-box-pack: end;
|
|
7362
|
+
-ms-flex-pack: end;
|
|
7363
|
+
justify-content: flex-end;
|
|
7364
|
+
min-width: 5.313rem; }
|
|
7365
|
+
|
|
7366
|
+
video::-webkit-media-controls-panel {
|
|
7367
|
+
top: 55%;
|
|
7368
|
+
position: absolute;
|
|
7369
|
+
width: 100%; }
|
|
7370
|
+
|
|
7371
|
+
.topbarOptionsClassName {
|
|
7372
|
+
right: -3rem !important; }
|
|
7373
|
+
|
|
7374
|
+
.digit-topbar {
|
|
7375
|
+
width: 100%;
|
|
7376
|
+
max-width: 100%;
|
|
7377
|
+
position: fixed;
|
|
7378
|
+
-webkit-box-align: center;
|
|
7379
|
+
-ms-flex-align: center;
|
|
7380
|
+
align-items: center;
|
|
7381
|
+
top: 0;
|
|
7382
|
+
left: 0;
|
|
7383
|
+
z-index: 9999999;
|
|
7384
|
+
display: -webkit-box;
|
|
7385
|
+
display: -ms-flexbox;
|
|
7386
|
+
display: flex;
|
|
7387
|
+
background-color: #fff;
|
|
7388
|
+
height: 4rem;
|
|
7389
|
+
padding: 1rem 2.5rem; }
|
|
7390
|
+
.digit-topbar .margin-top-10 {
|
|
7391
|
+
margin-top: .625rem; }
|
|
7392
|
+
.digit-topbar .digit-dropdown-employee-select-wrap, .digit-topbar .digit-dropdown-select-wrap {
|
|
7393
|
+
margin-bottom: 0; }
|
|
7394
|
+
.digit-topbar .digit-dropdown-employee-select-wrap .digit-dropdown-item span, .digit-topbar .digit-dropdown-select-wrap .digit-dropdown-item span {
|
|
7395
|
+
white-space: pre; }
|
|
7396
|
+
.digit-topbar .digit-employee-select-wrap {
|
|
7397
|
+
margin-bottom: 0; }
|
|
7398
|
+
.digit-topbar .digit-dropdown-item {
|
|
7399
|
+
display: -webkit-box;
|
|
7400
|
+
display: -ms-flexbox;
|
|
7401
|
+
display: flex;
|
|
7402
|
+
-webkit-box-orient: horizontal;
|
|
7403
|
+
-webkit-box-direction: normal;
|
|
7404
|
+
-ms-flex-direction: row;
|
|
7405
|
+
flex-direction: row;
|
|
7406
|
+
padding: .625rem;
|
|
7407
|
+
grid-column-gap: .625rem;
|
|
7408
|
+
-webkit-column-gap: .625rem;
|
|
7409
|
+
-moz-column-gap: .625rem;
|
|
7410
|
+
column-gap: .625rem;
|
|
7411
|
+
color: #505a5f; }
|
|
7412
|
+
.digit-topbar .digit-dropdown-item:hover {
|
|
7413
|
+
background: #eee; }
|
|
7414
|
+
@media (min-width: 48rem) {
|
|
7415
|
+
.digit-topbar {
|
|
7416
|
+
-webkit-box-pack: justify;
|
|
7417
|
+
-ms-flex-pack: justify;
|
|
7418
|
+
justify-content: space-between; } }
|
|
7419
|
+
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
7420
|
+
.digit-topbar {
|
|
7421
|
+
padding-left: 1.5rem;
|
|
7422
|
+
padding-bottom: 1rem;
|
|
7423
|
+
padding-right: 1.5rem;
|
|
7424
|
+
padding-top: 1rem;
|
|
7425
|
+
grid-gap: 1rem;
|
|
7426
|
+
gap: 1rem; } }
|
|
7427
|
+
@media (max-width: 30rem) {
|
|
7428
|
+
.digit-topbar {
|
|
7429
|
+
height: 3.5rem;
|
|
7430
|
+
padding-left: 1rem;
|
|
7431
|
+
padding-bottom: 1rem;
|
|
7432
|
+
padding-right: 1rem;
|
|
7433
|
+
padding-top: 1rem;
|
|
7434
|
+
grid-gap: 1rem;
|
|
7435
|
+
gap: 1rem; } }
|
|
7436
|
+
.digit-topbar.light {
|
|
7437
|
+
-webkit-box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
|
|
7438
|
+
box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078); }
|
|
7439
|
+
.digit-topbar .digit-logo-ulb-wrapper {
|
|
7440
|
+
display: -webkit-box !important;
|
|
7441
|
+
display: -ms-flexbox !important;
|
|
7442
|
+
display: flex !important;
|
|
7443
|
+
grid-gap: 1rem;
|
|
7444
|
+
gap: 1rem;
|
|
7445
|
+
-webkit-box-align: center !important;
|
|
7446
|
+
-ms-flex-align: center !important;
|
|
7447
|
+
align-items: center !important;
|
|
7448
|
+
max-width: calc(50% - 1.5rem); }
|
|
7449
|
+
@media (min-width: 48rem) {
|
|
7450
|
+
.digit-topbar .digit-logo-ulb-wrapper {
|
|
7451
|
+
height: 2rem; } }
|
|
7452
|
+
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
7453
|
+
.digit-topbar .digit-logo-ulb-wrapper {
|
|
7454
|
+
height: 2rem; } }
|
|
7455
|
+
.digit-topbar .digit-logo-ulb-wrapper .digit-topbar-logo {
|
|
7456
|
+
-ms-flex-negative: 0;
|
|
7457
|
+
flex-shrink: 0;
|
|
7458
|
+
height: 2rem;
|
|
7459
|
+
width: 1.291rem; }
|
|
7460
|
+
.digit-topbar .digit-logo-ulb-wrapper .digit-topbar-logo.clickable {
|
|
7461
|
+
cursor: pointer; }
|
|
7462
|
+
.digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb {
|
|
7463
|
+
white-space: nowrap;
|
|
7464
|
+
overflow: hidden;
|
|
7465
|
+
color: #363636;
|
|
7466
|
+
text-overflow: ellipsis; }
|
|
7467
|
+
.digit-topbar.dark {
|
|
7468
|
+
background-color: #0b4b66; }
|
|
7469
|
+
.digit-topbar.dark .digit-logo-ulb-wrapper .digit-topbar-ulb {
|
|
7470
|
+
color: #fff; }
|
|
7471
|
+
.digit-topbar.dark .digit-header-action-fields .individual-action-field {
|
|
7472
|
+
color: #fff; }
|
|
7473
|
+
.digit-topbar.dark .digit-header-action-fields .individual-action-field .digit-dropdown-employee-select-wrap, .digit-topbar.dark .digit-header-action-fields .individual-action-field .digit-dropdown-select-wrap {
|
|
7474
|
+
background: none; }
|
|
7475
|
+
.digit-topbar .digit-header-action-fields {
|
|
7476
|
+
-webkit-box-align: center;
|
|
7477
|
+
-ms-flex-align: center;
|
|
7478
|
+
align-items: center;
|
|
7479
|
+
overflow: hidden;
|
|
7480
|
+
display: -webkit-box !important;
|
|
7481
|
+
display: -ms-flexbox !important;
|
|
7482
|
+
display: flex !important;
|
|
7483
|
+
height: 2rem;
|
|
7484
|
+
max-width: 50%; }
|
|
7485
|
+
@media (min-width: 48rem) {
|
|
7486
|
+
.digit-topbar .digit-header-action-fields {
|
|
7487
|
+
grid-gap: 2rem;
|
|
7488
|
+
gap: 2rem; } }
|
|
7489
|
+
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
7490
|
+
.digit-topbar .digit-header-action-fields {
|
|
7491
|
+
grid-gap: 1rem;
|
|
7492
|
+
gap: 1rem; } }
|
|
7493
|
+
.digit-topbar .digit-header-action-fields .digit-header-img.clickable {
|
|
7494
|
+
cursor: pointer; }
|
|
7495
|
+
.digit-topbar .digit-topbar-hamburger {
|
|
7496
|
+
width: 1.5rem;
|
|
7497
|
+
height: 1.5rem; }
|
|
7498
|
+
@media (min-width: 30.063rem) and (max-width: 47.938rem) {
|
|
7499
|
+
.digit-topbar .digit-topbar-hamburger {
|
|
7500
|
+
width: 2rem;
|
|
7501
|
+
height: 2rem; }
|
|
7502
|
+
.digit-topbar .digit-topbar-hamburger svg {
|
|
7503
|
+
width: 2rem;
|
|
7504
|
+
height: 2rem; } }
|
|
7505
|
+
.digit-topbar .digit-topbar-hamburger.clickable {
|
|
7506
|
+
cursor: pointer; }
|
|
7507
|
+
.digit-topbar .digit-header-img-ulb-wrapper-mobileview {
|
|
7508
|
+
display: -webkit-box;
|
|
7509
|
+
display: -ms-flexbox;
|
|
7510
|
+
display: flex;
|
|
7511
|
+
-webkit-box-align: center;
|
|
7512
|
+
-ms-flex-align: center;
|
|
7513
|
+
align-items: center;
|
|
7514
|
+
height: 1.5rem;
|
|
7515
|
+
max-width: calc(100% - 1.5rem); }
|
|
7516
|
+
.digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-header-img {
|
|
7517
|
+
margin-right: .5rem;
|
|
7518
|
+
margin-bottom: .156rem; }
|
|
7519
|
+
.digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-header-img.clickable {
|
|
7520
|
+
cursor: pointer; }
|
|
7521
|
+
.digit-topbar .digit-header-img-ulb-wrapper-mobileview .topbar-divider {
|
|
7522
|
+
height: 1.5rem;
|
|
7523
|
+
width: .063rem;
|
|
7524
|
+
border: .063rem solid #363636;
|
|
7525
|
+
margin-right: .625rem; }
|
|
7526
|
+
.digit-topbar .digit-header-img-ulb-wrapper-mobileview .topbar-divider.dark {
|
|
7527
|
+
border: .063rem solid #fff; }
|
|
7528
|
+
.digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
|
|
7529
|
+
overflow: hidden;
|
|
7530
|
+
white-space: nowrap;
|
|
7531
|
+
text-overflow: ellipsis;
|
|
7532
|
+
color: #363636; }
|
|
7533
|
+
.digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview.dark {
|
|
7534
|
+
color: #fff; }
|
|
7535
|
+
|
|
6950
7536
|
.bread-crumb.workbench-bredcrumb a {
|
|
6951
7537
|
color: #f47738; }
|
|
6952
7538
|
|