Skip to content

Commit eab926e

Browse files
stsrkistsrki
authored
Table: fix responsive table mode fox sized columns (#6520)
1 parent aa990ba commit eab926e

21 files changed

Lines changed: 147 additions & 11 deletions

File tree

‎Source/Blazorise.AntDesign/Styles/components/_table.scss‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -296,8 +296,17 @@
296296
td, th {
297297
/* Behave like a "row" */
298298
position: relative;
299+
width: 100% !important;
300+
min-width: 0 !important;
301+
max-width: none !important;
302+
inline-size: 100% !important;
303+
max-inline-size: none !important;
304+
left: auto !important;
305+
right: auto !important;
306+
inset-inline-start: auto !important;
307+
inset-inline-end: auto !important;
308+
box-sizing: border-box;
299309
padding-top: 1.5rem !important;
300-
width: 100%;
301310

302311
&:before {
303312
position: absolute;

‎Source/Blazorise.AntDesign/wwwroot/blazorise.antdesign.css‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8268,8 +8268,17 @@ a.ant-typography-disabled[aria-disabled=true] {
82688268
.ant-table-mobile td, .ant-table-mobile th {
82698269
/* Behave like a "row" */
82708270
position: relative;
8271+
width: 100% !important;
8272+
min-width: 0 !important;
8273+
max-width: none !important;
8274+
inline-size: 100% !important;
8275+
max-inline-size: none !important;
8276+
left: auto !important;
8277+
right: auto !important;
8278+
inset-inline-start: auto !important;
8279+
inset-inline-end: auto !important;
8280+
box-sizing: border-box;
82718281
padding-top: 1.5rem !important;
8272-
width: 100%;
82738282
}
82748283
.ant-table-mobile td:before, .ant-table-mobile th:before {
82758284
position: absolute;

‎Source/Blazorise.AntDesign/wwwroot/blazorise.antdesign.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Source/Blazorise.Bootstrap/Styles/components/_table.scss‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -129,6 +129,16 @@ td:focus {
129129
td, th {
130130
/* Behave like a "row" */
131131
position: relative;
132+
width: 100% !important;
133+
min-width: 0 !important;
134+
max-width: none !important;
135+
inline-size: 100% !important;
136+
max-inline-size: none !important;
137+
left: auto !important;
138+
right: auto !important;
139+
inset-inline-start: auto !important;
140+
inset-inline-end: auto !important;
141+
box-sizing: border-box;
132142
padding-top: 1.5rem !important;
133143

134144
&:before {

‎Source/Blazorise.Bootstrap/wwwroot/blazorise.bootstrap.css‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2552,6 +2552,16 @@ td:focus {
25522552
.table-mobile td, .table-mobile th {
25532553
/* Behave like a "row" */
25542554
position: relative;
2555+
width: 100% !important;
2556+
min-width: 0 !important;
2557+
max-width: none !important;
2558+
inline-size: 100% !important;
2559+
max-inline-size: none !important;
2560+
left: auto !important;
2561+
right: auto !important;
2562+
inset-inline-start: auto !important;
2563+
inset-inline-end: auto !important;
2564+
box-sizing: border-box;
25552565
padding-top: 1.5rem !important;
25562566
}
25572567
.table-mobile td:before, .table-mobile th:before {

‎Source/Blazorise.Bootstrap/wwwroot/blazorise.bootstrap.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Source/Blazorise.Bootstrap5/Styles/components/_table.scss‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,16 @@ td:focus {
140140
td, th {
141141
/* Behave like a "row" */
142142
position: relative;
143+
width: 100% !important;
144+
min-width: 0 !important;
145+
max-width: none !important;
146+
inline-size: 100% !important;
147+
max-inline-size: none !important;
148+
left: auto !important;
149+
right: auto !important;
150+
inset-inline-start: auto !important;
151+
inset-inline-end: auto !important;
152+
box-sizing: border-box;
143153
padding-top: 1.5rem !important;
144154

145155
&:before {

‎Source/Blazorise.Bootstrap5/wwwroot/blazorise.bootstrap5.css‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2099,6 +2099,16 @@ td:focus {
20992099
.table-mobile td, .table-mobile th {
21002100
/* Behave like a "row" */
21012101
position: relative;
2102+
width: 100% !important;
2103+
min-width: 0 !important;
2104+
max-width: none !important;
2105+
inline-size: 100% !important;
2106+
max-inline-size: none !important;
2107+
left: auto !important;
2108+
right: auto !important;
2109+
inset-inline-start: auto !important;
2110+
inset-inline-end: auto !important;
2111+
box-sizing: border-box;
21022112
padding-top: 1.5rem !important;
21032113
}
21042114
.table-mobile td:before, .table-mobile th:before {

‎Source/Blazorise.Bootstrap5/wwwroot/blazorise.bootstrap5.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Source/Blazorise.Bulma/Styles/components/_table.scss‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -130,6 +130,16 @@ td:focus {
130130
td, th {
131131
/* Behave like a "row" */
132132
position: relative;
133+
width: 100% !important;
134+
min-width: 0 !important;
135+
max-width: none !important;
136+
inline-size: 100% !important;
137+
max-inline-size: none !important;
138+
left: auto !important;
139+
right: auto !important;
140+
inset-inline-start: auto !important;
141+
inset-inline-end: auto !important;
142+
box-sizing: border-box;
133143
padding-top: 1.5rem !important;
134144

135145
&:before {

0 commit comments

Comments
 (0)