Merge pull request '[SSE] Fix sheet tab icon' (#821) from fix/sheet-tab-icon into release/v9.2.0

This commit is contained in:
Julia Radzhabova
2025-11-01 09:07:44 +00:00

View File

@ -321,15 +321,18 @@
&.icon-visible {
> span {
.padding-x-sheet(25px, 10px);
.padding-x-sheet(calc((@statusbar-height-ie + @scaled-one-px-value-ie + @x-small-btn-size-ie) / 2), 10px);
.padding-x-sheet(calc((@statusbar-height + @scaled-one-px-value + @x-small-btn-size) / 2), 10px);
> .toolbar__icon {
width: 20px;
height: 20px;
width: @x-small-btn-size-ie;
width: @x-small-btn-size;
height: @x-small-btn-size-ie;
height: @x-small-btn-size;
position: absolute;
top: 0;
left: 0;
margin: calc(@statusbar-height-ie - @x-small-btn-size-ie);
margin: calc(@statusbar-height - @x-small-btn-size);
margin: calc((@statusbar-height-ie + @scaled-one-px-value-ie - @x-small-btn-size-ie) / 2);
margin: calc((@statusbar-height + @scaled-one-px-value - @x-small-btn-size) / 2);
.rtl-sheet& {
left: auto;
right: 0;
@ -388,11 +391,19 @@
}
&.icon-visible {
> span {
.padding-x-sheet(24px, 10px);
.padding-x-sheet(calc((@statusbar-height-ie + @scaled-one-px-value-ie + @x-small-btn-size-ie) / 2 - @scaled-one-px-value-ie), 10px);
.padding-x-sheet(calc((@statusbar-height + @scaled-one-px-value + @x-small-btn-size) / 2 - @scaled-one-px-value), 10px);
}
&:first-child {
> span {
.padding-x-sheet(calc((@statusbar-height-ie + @scaled-one-px-value-ie + @x-small-btn-size-ie) / 2 - @scaled-one-px-value-ie * 2), 10px);
.padding-x-sheet(calc((@statusbar-height + @scaled-one-px-value + @x-small-btn-size) / 2 - @scaled-one-px-value * 2), 10px);
}
}
&.right {
> span {
.padding-x-sheet(25px, 10px);
.padding-x-sheet(calc((@statusbar-height-ie + @scaled-one-px-value-ie + @x-small-btn-size-ie) / 2), 10px);
.padding-x-sheet(calc((@statusbar-height + @scaled-one-px-value + @x-small-btn-size) / 2), 10px);
}
}
}