.menu-combine-style-controller {
|
width: 100%;
|
overflow: hidden;
|
|
>.ant-form >.ant-collapse {
|
border: 0;
|
background: #262E3F;
|
|
> .ant-collapse-item {
|
border-color: #202735;
|
> .ant-collapse-header {
|
padding: 7px 40px 7px 16px;
|
background: #262E3F;
|
color: rgba(255, 255, 255, 0.85);
|
}
|
>.ant-collapse-content {
|
color: rgba(255, 255, 255, 0.85);
|
background-color: #202735;
|
border-top: 1px solid #202735;
|
.ant-collapse-content-box {
|
padding: 5px 10px;
|
}
|
.ant-collapse-content-box::after {
|
content: ' ';
|
display: block;
|
clear: both;
|
}
|
.ant-input-number {
|
width: 100%;
|
}
|
.ant-form-item {
|
margin-bottom: 2px;
|
|
.ant-form-item-label > label {
|
color: rgba(255, 255, 255, 0.85);
|
.anticon {
|
vertical-align: middle;
|
font-size: 18px;
|
}
|
}
|
.ant-form-item-control-wrapper {
|
.ant-form-item-control {
|
.border-position {
|
.ant-radio-wrapper {
|
margin-right: 0px;
|
|
span.ant-radio + * {
|
padding-left: 4px;
|
}
|
}
|
}
|
input {
|
background: transparent;
|
color: rgba(255, 255, 255, 0.65);
|
}
|
.ant-input {
|
height: 28px;
|
}
|
.ant-input-number {
|
height: 28px;
|
background: transparent;
|
.ant-input-number-input {
|
height: 28px;
|
}
|
}
|
.ant-input-group-addon {
|
background: transparent;
|
}
|
.ant-select-selection {
|
background: transparent;
|
color: rgba(255, 255, 255, 0.65);
|
}
|
.color-sketch-block {
|
position: relative;
|
top: 10px;
|
}
|
.color-sketch-block + .ant-input {
|
float: right;
|
width: 70%;
|
margin-top: 9px;
|
padding-right: 5px;
|
padding-left: 5px;
|
}
|
.ant-select-arrow {
|
color: inherit;
|
}
|
.ant-input-number-handler-wrap {
|
background: transparent;
|
.ant-input-number-handler {
|
color: rgba(255, 255, 255, 0.65);
|
.ant-input-number-handler-up-inner, .ant-input-number-handler-down-inner {
|
color: rgba(255, 255, 255, 0.65);
|
}
|
}
|
.ant-input-number-handler:active {
|
background: transparent;
|
}
|
}
|
.ant-radio-group {
|
span {
|
color: rgba(255, 255, 255, 0.65);
|
}
|
.ant-radio-button-wrapper {
|
background: transparent;
|
color: rgba(255, 255, 255, 0.65);
|
height: 27px;
|
line-height: 25px;
|
span {
|
font-style: inherit;
|
}
|
}
|
}
|
.fileupload-form-container {
|
.ant-btn {
|
height: 28px;
|
}
|
.ant-upload-list-item {
|
.ant-upload-list-item-info {
|
background: transparent;
|
color: rgba(255, 255, 255, 0.85);
|
i {
|
color: rgba(255, 255, 255, 0.85);
|
}
|
}
|
.anticon-close {
|
color: rgba(255, 255, 255, 0.85);
|
}
|
.anticon-close:hover {
|
color: rgba(255, 255, 255, 0.85);
|
}
|
}
|
.ant-upload-list-item:hover .ant-upload-list-item-info {
|
background: transparent;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
|
.margin-popover {
|
padding-top: 0px;
|
.ant-popover-inner-content {
|
width: 90px;
|
padding: 0px 5px;
|
.ant-menu-root.ant-menu-vertical {
|
border: 0;
|
.ant-menu-item {
|
height: 30px;
|
cursor: pointer;
|
line-height: 30px;
|
}
|
.ant-menu-item:not(:last-child) {
|
margin-bottom: 0px;
|
}
|
.ant-menu-item:first-child {
|
margin-top: 10px;
|
}
|
.ant-menu-item:last-child {
|
margin-bottom: 10px;
|
}
|
}
|
}
|
.ant-popover-arrow {
|
display: none;
|
}
|
}
|
|
.menu-style-drawer {
|
.ant-drawer-body {
|
height: calc(100vh - 50px);
|
overflow-y: auto;
|
}
|
.ant-drawer-body::-webkit-scrollbar {
|
display: none;
|
}
|
.ant-drawer-wrapper-body {
|
background: #262E3F;
|
.ant-drawer-header {
|
background: #001529;
|
padding: 0px;
|
height: 48px;
|
border-radius: 0;
|
border: 0;
|
.header-logo {
|
width: 180px;
|
line-height: 48px;
|
height: 48px;
|
img {
|
max-width: 100%;
|
max-height: 100%;
|
}
|
}
|
.ant-drawer-close {
|
height: 48px;
|
width: 48px;
|
line-height: 48px;
|
color: #ffffff;
|
}
|
}
|
}
|
.ant-drawer-body {
|
padding: 0;
|
.color-sketch-block {
|
.color-sketch-block-inner {
|
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
|
}
|
.color-sketch-value {
|
color: rgba(255, 255, 255, 0.65);
|
}
|
}
|
}
|
}
|
