SPACEBROWSER_INTERFACE/interface_072825/master_styles/COMPONENT SCSS/DataCaptureCreationPreview.scss

129 lines
2.3 KiB
SCSS

.preview-card {
.ant-card-body {
margin: 0px !important;
padding: 0px !important;
height: 100%;
}
height: 100%;
}
.data-capture-creation-modal {
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.method-list {
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
visibility: hidden !important;
}
// background-color: red;
.location-selection {
&__wrapper {
margin-top: 16px;
width: 100%;
}
&-title {
//styleName: Body 2/Regular;
padding-top: 16px;
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0px;
text-align: left;
color: #414141;
}
&__dropdown {
width: 100%;
// CSS for updating location dropdown element
.komi-multi-select__wrapper {
right: 0;
left: auto;
width: 331px;
}
.location-selection {
width: 100%;
z-index: 1;
}
.komi-multi-select {
width: 100%;
}
.komi-multi-select__head {
width: 100%;
}
}
}
}
.inline-message.inline-message--info p {
margin-bottom: 0px;
}
}
.preview {
width: 100%;
height: 100%;
// height: 400px;
.inline-message.inline-message--info p {
margin-bottom: 0 !important;
}
.header {
display: flex;
padding: 20px;
.button {
margin: auto;
width: 50%;
display: flex;
cursor: pointer;
.label {
margin: auto;
font-weight: 700;
font-size: 14px;
line-height: 22px;
}
}
.selected {
border-bottom: 2px solid #0f69e6;
}
.unselected {
border-bottom: 2px solid #e5e5e5;
}
}
.inline-message {
margin-bottom: 45px;
}
.display {
padding: 25px;
overflow: auto;
border-radius: 5px;
&-without-lock {
height: calc(100%);
}
&-with-lock {
height: calc(100% - 64px);
}
}
.data-capture {
.input-group-item__children {
display: flex;
}
.phone-number__country {
height: 48px;
}
&__wrapper {
margin-top: 48px;
padding: 0px 10px;
}
}
}