bf69705ee6
* TP-77180 | Self serve UI for pausing collections * TP-77180 | Self serve UI for pausing collections * TP-77180 | Self serve UI for pausing collections * TP-77180 | Self serve UI for pausing collections * TP-77180 | Self serve UI for pausing collections * TP-77180 | Hover button color change fix * TP-77180 | Hover button color change fix * TP-77180 | Hover button color change fix * TP-77180 | UAT FIxes * TP-77180 | UAT FIxes 1 * TP-77180 | UAT FIxes 1 * TP-77180 | UAT FIxes 2 * TP-77180 | ready for PR review * TP-77180 | prettier * TP-77180 | Merge to master fix * TP-77180 | Merge to master fix * TP-77180 | lint fix * TP-77180 | self serve UI ready for PR review * TP-77180 | self serve UI ready for PR review * TP-77180 | pr review fix v1 * TP-77180 | pr review fix v2 * TP-77180 | added feature flag check * TP-77180 | added feature flag check * TP-77180 | PR review fixes * TP-77180 | submodule update
58 lines
1.1 KiB
SCSS
58 lines
1.1 KiB
SCSS
.datePickerInput {
|
|
.headerText {
|
|
margin-bottom: 4px;
|
|
color: var(--light-grayscale-content-2);
|
|
}
|
|
|
|
.datePickerContainer {
|
|
height: 36px;
|
|
width: 200px;
|
|
position: relative;
|
|
|
|
.datePickerLabel {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--bg-primary);
|
|
font-size: 13px;
|
|
box-sizing: border-box;
|
|
border-radius: 4px;
|
|
border: 1px solid var(--light-grayscale-border);
|
|
padding: 4px 8px;
|
|
color: var(--navi-bordered-input-text-color);
|
|
background-color: var(--text-primary);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
& > svg {
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
input {
|
|
opacity: 0;
|
|
height: 105%;
|
|
width: 100%;
|
|
}
|
|
|
|
.disabled {
|
|
cursor: not-allowed;
|
|
background-color: var(--grayscale-background-secondary) !important;
|
|
label {
|
|
color: var(--grayscale-content-3) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.footerText {
|
|
margin-top: 8px;
|
|
color: var(--navi-color-gray-c3);
|
|
}
|
|
}
|