136 lines
2.3 KiB
SCSS
136 lines
2.3 KiB
SCSS
@import '../../../styles/abstracts/variables';
|
|
|
|
@media (max-width: 768px) {
|
|
.module-editor__title--count {
|
|
position: absolute;
|
|
top: 24px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.module-editor__title--input {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
height: 36px;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.module-editor {
|
|
&__title {
|
|
min-width: 380px;
|
|
position: relative;
|
|
}
|
|
|
|
&__title--count {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 28px;
|
|
color: $dark !important;
|
|
opacity: 0, 5;
|
|
margin-left: 65px;
|
|
}
|
|
|
|
&__title--input {
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
padding: 0;
|
|
caret-color: $default !important;
|
|
}
|
|
|
|
&__title--label {
|
|
line-height: 32px !important;
|
|
}
|
|
|
|
&__acitons {
|
|
border-radius: 16px;
|
|
border-right: none;
|
|
-webkit-border-radius: 16px;
|
|
-moz-border-radius: 16px;
|
|
-webkit-box-shadow: $boxShadow2;
|
|
-moz-box-shadow: $boxShadow2;
|
|
box-shadow: $boxShadow2;
|
|
|
|
.ant-list-header {
|
|
width: 212px;
|
|
height: 46px;
|
|
padding: 11px 20px;
|
|
}
|
|
|
|
.ant-list-item {
|
|
width: 212px;
|
|
height: 56px;
|
|
padding: 16px 20px;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
background-color: rgba(37, 127, 252, 0.05);
|
|
}
|
|
|
|
&:first-child {
|
|
border-radius: 16px 16px 0 0;
|
|
}
|
|
|
|
&:last-child {
|
|
border-radius: 0 0 16px 16px;
|
|
border-end-end-radius: 16px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__wrapper--with-bottom-actions {
|
|
.pannel-collapse .ant-collapse-item {
|
|
border-radius: 16px 16px 0 0 !important;
|
|
}
|
|
}
|
|
}
|
|
.module-editor-overlay {
|
|
padding-top: 0;
|
|
margin-top: -4px;
|
|
.ant-popover-inner {
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.ant-popover-inner-content {
|
|
border-radius: 8px;
|
|
padding: 0;
|
|
}
|
|
}
|
|
.ant-select-dropdown {
|
|
z-index: 99999;
|
|
}
|
|
.ant-popover-arrow {
|
|
display: none;
|
|
}
|
|
|
|
.module-title-row {
|
|
flex-shrink: 1;
|
|
max-width: 100%;
|
|
min-width: 100px;
|
|
|
|
button {
|
|
width: 100%;
|
|
|
|
div {
|
|
width: 100%;
|
|
|
|
&.ant-typography {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.module-editor-bottom-actions {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
border-radius: 0 0 16px 16px;
|
|
padding: 12px 20px;
|
|
background: var(--kts-color-background-surface-lowest-default);
|
|
|
|
> button {
|
|
width: 100%;
|
|
}
|
|
}
|