Simple config defect

This commit is contained in:
tugcekucukoglu
2024-03-11 17:20:26 +03:00
parent 184b795add
commit 44f689cfea

View File

@@ -1,44 +1,42 @@
.layout-wrapper { .layout-config-button {
.layout-config-button { display: block;
display: block; position: fixed;
position: fixed; width: 3rem;
width: 3rem; height: 3rem;
height: 3rem; line-height: 3rem;
line-height: 3rem; background: var(--primary-color);
background: var(--primary-color); color: var(--primary-color-text);
color: var(--primary-color-text); text-align: center;
text-align: center; top: 50%;
top: 50%; right: 0;
right: 0; margin-top: -1.5rem;
margin-top: -1.5rem; border-top-left-radius: var(--border-radius);
border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius); border-top-right-radius: 0;
border-top-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-right-radius: 0; transition: background-color var(--transition-duration);
transition: background-color var(--transition-duration); overflow: hidden;
overflow: hidden; cursor: pointer;
cursor: pointer; z-index: 999;
z-index: 999; box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15);
box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.15);
i { i {
font-size: 2rem; font-size: 2rem;
line-height: inherit; line-height: inherit;
transform: rotate(0deg); transform: rotate(0deg);
transition: transform 1s; transition: transform 1s;
}
&:hover {
background: var(--primary-400);
}
} }
.layout-config-sidebar { &:hover {
&.p-sidebar { background: var(--primary-400);
.p-sidebar-content { }
padding-left: 2rem; }
padding-right: 2rem;
} .layout-config-sidebar {
&.p-sidebar {
.p-sidebar-content {
padding-left: 2rem;
padding-right: 2rem;
} }
} }
} }