%PDF- %PDF-
| Direktori : /proc/self/root/home/bitrix/www/bitrix/js/landing/css/ui/panel/ |
| Current File : //proc/self/root/home/bitrix/www/bitrix/js/landing/css/ui/panel/base_panel.css |
.landing-ui-panel {
font-family: 'Roboto', sans-serif;
font-size: 15px;
color: #777777;
transform: translateZ(0);
contain: layout;
}
/** Create block panel */
.landing-ui-panel-create-action {
position: absolute;
height: 24px;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translate3d(0, 50%, 0);
-moz-transform: translate3d(0, 50%, 0);
-ms-transform: translate3d(0, 50%, 0);
-o-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
z-index: 302;
}
/** Create block panel */
.landing-ui-panel-link-editor-buttons {
position: absolute!important;
border-radius: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px #757D87 solid;
z-index: 321;
transition: opacity 200ms ease;
margin-top: 4px;
transform: translateX(-47%);
}
.landing-ui-panel-link-editor-buttons .landing-ui-button {
background: #ffffff;
opacity: 1;
}
.landing-ui-panel-link-editor-buttons .landing-ui-button[data-id="remove"] {
padding-right: 40px;
}
.landing-ui-panel-create-action {
height: 1px;
}
.landing-ui-panel-content.landing-ui-panel-edit-image {
width: 496px;
}
.landing-ui-panel.landing-ui-panel-feedback {
width: 600px;
z-index: 1299;
}
.landing-ui-panel.landing-ui-panel-feedback .landing-ui-panel-content-body-content {
background: #ffffff;
}
.landing-ui-panel-content-overlay.landing-ui-panel-feedback-overlay {
z-index: 1298;
}
.landing-ui-panel.landing-ui-panel-link {
width: 496px;
}
.landing-ui-panel.landing-ui-panel-icon {
z-index: 9999;
}
.landing-ui-panel-content-overlay.landing-ui-panel-icon {
z-index: 500;
}
.landing-ui-panel .landing-ui-button {
transition: background-color 200ms ease, opacity 400ms ease;
}
.landing-ui-panel-block-action {
background-color: #ffffff;
overflow: hidden;
padding-right: 35px;
display: flex;
transition: width 200ms ease, right 200ms ease;
}
.landing-ui-collapse .landing-ui-panel-block-action {
width: 60px;
min-width: auto;
right: -26px;
}
.landing-ui-collapse .landing-ui-panel-block-action .landing-ui-button:not([data-id="collapse"]) span,
.landing-ui-collapse .landing-ui-panel-block-action .landing-ui-button:not([data-id="collapse"])::before,
.landing-ui-collapse .landing-ui-panel-block-action .landing-ui-button:not([data-id="collapse"])::after {
opacity: 0;
}
.landing-ui-panel-block-action .landing-ui-button[data-id="collapse"] {
position: absolute;
right: 0!important;
z-index: 10;
width: 35px;
}
.landing-ui-panel-block-action .landing-ui-button[data-id="collapse"] .landing-ui-button-text {
position: absolute;
top: 0;
bottom: 0;
right: 0;
transform: translateX(-15px);
transform-origin: center;
transition: transform 200ms ease;
}
.landing-ui-collapse .landing-ui-panel-block-action .landing-ui-button[data-id="collapse"] .landing-ui-button-text {
transform: translateX(-37px) rotate(180deg);
}
.landing-ui-collapse .landing-ui-panel-block-action .landing-ui-button[data-id="collapse"] {
width: 100%;
border-left: 1px #757D87 solid;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.landing-ui-panel-content-action {
background-color: #ffffff;
overflow: hidden;
display: flex;
padding-left: 35px;
justify-content: flex-end;
transition: width 200ms ease, left 200ms ease;
}
.landing-ui-collapse .landing-ui-panel-content-action {
width: 60px;
min-width: auto;
left: -26px;
}
.landing-ui-collapse .landing-ui-panel-content-action .landing-ui-button:not([data-id="collapse"]) span,
.landing-ui-collapse .landing-ui-panel-content-action .landing-ui-button:not([data-id="collapse"])::before,
.landing-ui-collapse .landing-ui-panel-content-action .landing-ui-button:not([data-id="collapse"])::after {
opacity: 0;
}
.landing-ui-panel-content-action .landing-ui-button[data-id="collapse"] {
position: absolute;
left: 0!important;
z-index: 10;
width: 35px;
border-left: 1px #757D87 solid;
border-right: none;
border-radius: 20px 0 0 20px;
}
.landing-ui-panel-content-action .landing-ui-button[data-id="content"] {
border-left: none;
}
.landing-ui-panel-content-action .landing-ui-button[data-id="collapse"] .landing-ui-button-text {
position: absolute;
top: 0;
bottom: 0;
right: 0;
transform: translateX(-15px) rotate(-180deg);
transform-origin: center;
transition: transform 200ms ease;
}
.landing-ui-collapse .landing-ui-panel-content-action .landing-ui-button[data-id="collapse"] .landing-ui-button-text {
transform: translateX(-16px) rotate(0deg);
}
.landing-ui-collapse .landing-ui-panel-content-action .landing-ui-button[data-id="collapse"] {
width: 100%;
border-right: 1px #757D87 solid;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.landing-ui-collapse .landing-ui-panel-content-action .landing-ui-button[data-id="block_display_info"] {
display: none;
}