fix(labs): collapsible-секции не наезжают друг на друга при раскрытии
Причина: .geo-acc и .dyn-acc имели overflow:hidden и без flex:0 0 auto. В flex-колонке родительская панель сжимала их при раскрытии, и контент клипировался или наезжал на соседние секции. Фикс: - Убран overflow:hidden — контент не клипируется - flex: 0 0 auto — секция занимает свою натуральную высоту без сжатия - Border-radius на summary отдельно (без overflow:hidden иначе углы тела торчат) - Open-состояние: верхние углы скруглены, нижние квадратные (стыкуются с body)
This commit is contained in:
@@ -1997,7 +1997,7 @@ canvas[data-draggable]:active { cursor: grabbing; }
|
||||
border-radius: 9px;
|
||||
margin-bottom: 5px;
|
||||
background: rgba(255,255,255,0.02);
|
||||
overflow: hidden;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.geo-acc > summary {
|
||||
cursor: pointer;
|
||||
@@ -2128,8 +2128,12 @@ canvas[data-draggable]:active { cursor: grabbing; }
|
||||
border-radius: 10px;
|
||||
margin-bottom: 8px;
|
||||
background: rgba(255,255,255,0.02);
|
||||
overflow: hidden;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.dyn-acc > summary { border-radius: 10px; }
|
||||
.dyn-acc[open] > summary { border-radius: 10px 10px 0 0; }
|
||||
.geo-acc > summary { border-radius: 9px; }
|
||||
.geo-acc[open] > summary { border-radius: 9px 9px 0 0; }
|
||||
.dyn-acc > summary {
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
|
||||
Reference in New Issue
Block a user