0001-scss-make-table-widgets-responsive-41734.patch
| static/includes/wcs/_bulk.scss | ||
|---|---|---|
| 653 | 653 |
} |
| 654 | 654 |
} |
| 655 | 655 | |
| 656 |
.TableListRowsWidget {
|
|
| 657 |
.widget {
|
|
| 658 |
margin-bottom: 0; |
|
| 659 |
} |
|
| 660 |
} |
|
| 661 |
// Responsive TableWidget |
|
| 662 |
// work with JS : `new Responsive_table(table);` |
|
| 663 |
.responsive-tableWidget {
|
|
| 664 |
table-layout: fixed; |
|
| 665 |
// table headers |
|
| 666 |
th, td::before {
|
|
| 667 |
text-align: left; |
|
| 668 |
font-weight: normal; |
|
| 669 |
} |
|
| 670 | ||
| 671 |
@media ($max-mobile-viewport) {
|
|
| 672 |
&, & tbody {
|
|
| 673 |
display: block; |
|
| 674 |
} |
|
| 675 |
thead th {
|
|
| 676 |
display: none; |
|
| 677 |
} |
|
| 678 |
tbody {
|
|
| 679 |
th {
|
|
| 680 |
display: block; |
|
| 681 |
} |
|
| 682 |
tr {
|
|
| 683 |
display: block; |
|
| 684 |
padding-top: 0.5rem; |
|
| 685 |
padding-bottom: 0.5rem; |
|
| 686 | ||
| 687 |
&:nth-child(even) {
|
|
| 688 |
background-color: rgba(0, 0, 0, 0.065); |
|
| 689 |
} |
|
| 690 |
} |
|
| 691 |
td {
|
|
| 692 |
display: flex; |
|
| 693 |
align-items: last baseline; |
|
| 694 |
} |
|
| 695 |
td::before {
|
|
| 696 |
content: attr(data-col-header); |
|
| 697 |
display: block; |
|
| 698 |
flex: 0 1 33%; |
|
| 699 |
margin-right: .66em; |
|
| 700 |
} |
|
| 701 |
} |
|
| 702 |
} |
|
| 703 |
@media (max-width: $very-small-limit) {
|
|
| 704 |
tbody td {
|
|
| 705 |
display: block; |
|
| 706 |
} |
|
| 707 |
} |
|
| 708 |
} |
|
| 709 | ||
| 656 | 710 |
p.use-file-from-fargo {
|
| 657 | 711 |
margin-top: 0; |
| 658 | 712 |
} |
| 659 |
- |
|