Skip to content

Commit c029d56

Browse files
author
Amil Waduwawara
committed
Safari fix: Left side panel collapsing (closing)
* Safari shows extra 2x15px width for the parent button with `-webkit-box`. * `-webkit-line-clamp`, `-webkit-box-orient` are effective only with `-webkit-box`. ** display: -webkit-box; ** -webkit-line-clamp: 1; ** -webkit-box-orient: vertical; Othere fixes: * `overflow: hidden;` not required * `::v-deep(...)` is deprecated, changed to `:deep(...)`
1 parent 037f57d commit c029d56

File tree

1 file changed

+4
-5
lines changed

1 file changed

+4
-5
lines changed

components/src/core/components/TableSidebar/table-left-panel.scss

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -137,21 +137,20 @@
137137
}
138138
}
139139
}
140+
140141
.table-header-action-btn {
141142
margin: 0.5rem 0;
142143

143144
&.no-label {
144145
min-width: initial;
145-
::v-deep(.oxd-button-label-wrapper) {
146+
:deep(.oxd-button-label-wrapper) {
147+
/* Safari shows extra 2x15px width for the parent button with `-webkit-box`. */
146148
visibility: hidden;
147-
display: -webkit-box;
148-
-webkit-line-clamp: 1;
149-
-webkit-box-orient: vertical;
150-
overflow: hidden;
151149
width: 0;
152150
}
153151
}
154152
}
153+
155154
.table-header-action-secondary-btn {
156155
display: inline-flex;
157156
background-color: #f0fae4;

0 commit comments

Comments
 (0)