Skip to content
Snippets Groups Projects
Commit f0d24dc2 authored by Davyd Burianuvatyi's avatar Davyd Burianuvatyi
Browse files

Issue #3322183: Add style for table control

parent daf11b27
No related branches found
No related tags found
1 merge request!4Issue #3322183: Add style for table control
......@@ -18,18 +18,44 @@
.block-lb-table .lb-table .tablesaw-bar.tablesaw-all-cols-visible {
display: none; }
.block-lb-table .lb-table .tablesaw-bar .tablesaw-advance .btn:before {
content: "";
width: 9px;
height: 14px;
display: block;
border: none; }
.block-lb-table .lb-table .tablesaw-bar .tablesaw-advance .btn.right:before {
background: url("../svg/chevron-right.svg") left center/cover; }
.block-lb-table .lb-table .tablesaw-bar .tablesaw-advance .btn.left:before {
background: url("../svg/chevron-left.svg") right center/cover; }
.block-lb-table .lb-table .tablesaw-bar .tablesaw-advance {
display: flex;
justify-content: space-between;
float: unset;
position: relative;
margin-bottom: -40px; }
.block-lb-table .lb-table .tablesaw-bar .tablesaw-advance:after {
content: "";
width: 100%;
height: 2px;
left: 0;
top: 15px;
position: absolute;
background: #cccccc; }
.block-lb-table .lb-table .tablesaw-bar .tablesaw-advance .btn {
background: #F2F2F2;
height: 30px;
width: 30px;
padding: 0;
border-radius: 50%;
z-index: 1;
margin: 0; }
.block-lb-table .lb-table .tablesaw-bar .tablesaw-advance .btn.disabled {
opacity: 1; }
.block-lb-table .lb-table .tablesaw-bar .tablesaw-advance .btn.disabled:before {
opacity: 0.15; }
.block-lb-table .lb-table .tablesaw-bar .tablesaw-advance .btn:before {
content: "";
width: 7px;
height: 10px;
left: 11px;
display: block;
border: none;
background: var(--wsPartnerColor); }
.block-lb-table .lb-table .tablesaw-bar .tablesaw-advance .btn.right:before {
-webkit-mask: url("../svg/chevron-right.svg") left center/cover; }
.block-lb-table .lb-table .tablesaw-bar .tablesaw-advance .btn.left:before {
-webkit-mask: url("../svg/chevron-left.svg") right center/cover; }
.block-lb-table .lb-table table {
width: 100%;
......@@ -54,4 +80,4 @@
line-height: 28px;
padding: 20px 0.5em !important; }
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxiLXRhYmxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLG1CQUFtQixFQUFFO0VBQ3JCO0lBQ0UsZUFBZTtJQUNmLGlCQUFpQixFQUFFO0lBQ25CO01BQ0U7UUFDRSxlQUFlO1FBQ2YsaUJBQWlCLEVBQUUsRUFBRTtFQUMzQjtJQUNFLGVBQWU7SUFDZixpQkFBaUIsRUFBRTtJQUNuQjtNQUNFO1FBQ0UsZUFBZTtRQUNmLGlCQUFpQixFQUFFLEVBQUU7O0FBRTdCO0VBQ0UsYUFBYSxFQUFFOztBQUVqQjtFQUNFLFdBQVc7RUFDWCxVQUFVO0VBQ1YsWUFBWTtFQUNaLGNBQWM7RUFDZCxZQUFZLEVBQUU7O0FBRWhCO0VBQ0UsNkRBQTZELEVBQUU7O0FBRWpFO0VBQ0UsNkRBQTZELEVBQUU7O0FBRWpFO0VBQ0UsV0FBVztFQUNYLFlBQVksRUFBRTtFQUNkO0lBQ0UsWUFBWTtJQUNaLDhDQUE4QyxFQUFFO0lBQ2hEO01BQ0UsWUFBWTtNQUNaLGVBQWU7TUFDZixpQkFBaUI7TUFDakIsbUJBQW1CLEVBQUU7TUFDckI7UUFDRTtVQUNFLGVBQWU7VUFDZixpQkFBaUIsRUFBRSxFQUFFO0VBQzdCO0lBQ0Usd0NBQXdDLEVBQUU7SUFDMUM7TUFDRSxZQUFZO01BQ1osZUFBZTtNQUNmLGlCQUFpQjtNQUNqQiw4QkFBOEIsRUFBRSIsImZpbGUiOiJsYi10YWJsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYmxvY2stbGItdGFibGUgLnNlY3Rpb24taGVhZGVyIHtcbiAgbWFyZ2luLWJvdHRvbTogMzBweDsgfVxuICAuYmxvY2stbGItdGFibGUgLnNlY3Rpb24taGVhZGVyIGgyIHtcbiAgICBmb250LXNpemU6IDM1cHg7XG4gICAgbGluZS1oZWlnaHQ6IDQwcHg7IH1cbiAgICBAbWVkaWEgKG1pbi13aWR0aDogOTkycHgpIHtcbiAgICAgIC5ibG9jay1sYi10YWJsZSAuc2VjdGlvbi1oZWFkZXIgaDIge1xuICAgICAgICBmb250LXNpemU6IDUwcHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiA2NXB4OyB9IH1cbiAgLmJsb2NrLWxiLXRhYmxlIC5zZWN0aW9uLWhlYWRlciBwIHtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgbGluZS1oZWlnaHQ6IDMwcHg7IH1cbiAgICBAbWVkaWEgKG1pbi13aWR0aDogOTkycHgpIHtcbiAgICAgIC5ibG9jay1sYi10YWJsZSAuc2VjdGlvbi1oZWFkZXIgcCB7XG4gICAgICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDM2cHg7IH0gfVxuXG4uYmxvY2stbGItdGFibGUgLmxiLXRhYmxlIC50YWJsZXNhdy1iYXIudGFibGVzYXctYWxsLWNvbHMtdmlzaWJsZSB7XG4gIGRpc3BsYXk6IG5vbmU7IH1cblxuLmJsb2NrLWxiLXRhYmxlIC5sYi10YWJsZSAudGFibGVzYXctYmFyIC50YWJsZXNhdy1hZHZhbmNlIC5idG46YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgd2lkdGg6IDlweDtcbiAgaGVpZ2h0OiAxNHB4O1xuICBkaXNwbGF5OiBibG9jaztcbiAgYm9yZGVyOiBub25lOyB9XG5cbi5ibG9jay1sYi10YWJsZSAubGItdGFibGUgLnRhYmxlc2F3LWJhciAudGFibGVzYXctYWR2YW5jZSAuYnRuLnJpZ2h0OmJlZm9yZSB7XG4gIGJhY2tncm91bmQ6IHVybChcIi4uL3N2Zy9jaGV2cm9uLXJpZ2h0LnN2Z1wiKSBsZWZ0IGNlbnRlci9jb3ZlcjsgfVxuXG4uYmxvY2stbGItdGFibGUgLmxiLXRhYmxlIC50YWJsZXNhdy1iYXIgLnRhYmxlc2F3LWFkdmFuY2UgLmJ0bi5sZWZ0OmJlZm9yZSB7XG4gIGJhY2tncm91bmQ6IHVybChcIi4uL3N2Zy9jaGV2cm9uLWxlZnQuc3ZnXCIpIHJpZ2h0IGNlbnRlci9jb3ZlcjsgfVxuXG4uYmxvY2stbGItdGFibGUgLmxiLXRhYmxlIHRhYmxlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTsgfVxuICAuYmxvY2stbGItdGFibGUgLmxiLXRhYmxlIHRhYmxlIHRoZWFkIHRyIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLWJvdHRvbTogNXB4IHNvbGlkIHZhcigtLXlsYi1jb2xvci1ncmV5KTsgfVxuICAgIC5ibG9jay1sYi10YWJsZSAubGItdGFibGUgdGFibGUgdGhlYWQgdHIgdGgge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgZm9udC1zaXplOiAyMnB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDMycHg7XG4gICAgICBwYWRkaW5nOiAxNXB4IDAuNWVtOyB9XG4gICAgICBAbWVkaWEgKG1pbi13aWR0aDogOTkycHgpIHtcbiAgICAgICAgLmJsb2NrLWxiLXRhYmxlIC5sYi10YWJsZSB0YWJsZSB0aGVhZCB0ciB0aCB7XG4gICAgICAgICAgZm9udC1zaXplOiAyNHB4O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAzNnB4OyB9IH1cbiAgLmJsb2NrLWxiLXRhYmxlIC5sYi10YWJsZSB0YWJsZSB0Ym9keSB0ciB7XG4gICAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkIHZhcigtLWdyYXktMjAwKTsgfVxuICAgIC5ibG9jay1sYi10YWJsZSAubGItdGFibGUgdGFibGUgdGJvZHkgdHIgdGQge1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgZm9udC1zaXplOiAxOHB4O1xuICAgICAgbGluZS1oZWlnaHQ6IDI4cHg7XG4gICAgICBwYWRkaW5nOiAyMHB4IDAuNWVtICFpbXBvcnRhbnQ7IH1cbiJdfQ== */
\ No newline at end of file
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxiLXRhYmxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLG1CQUFtQixFQUFFO0VBQ3JCO0lBQ0UsZUFBZTtJQUNmLGlCQUFpQixFQUFFO0lBQ25CO01BQ0U7UUFDRSxlQUFlO1FBQ2YsaUJBQWlCLEVBQUUsRUFBRTtFQUMzQjtJQUNFLGVBQWU7SUFDZixpQkFBaUIsRUFBRTtJQUNuQjtNQUNFO1FBQ0UsZUFBZTtRQUNmLGlCQUFpQixFQUFFLEVBQUU7O0FBRTdCO0VBQ0UsYUFBYSxFQUFFOztBQUVqQjtFQUNFLGFBQWE7RUFDYiw4QkFBOEI7RUFDOUIsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQixvQkFBb0IsRUFBRTtFQUN0QjtJQUNFLFdBQVc7SUFDWCxXQUFXO0lBQ1gsV0FBVztJQUNYLE9BQU87SUFDUCxTQUFTO0lBQ1Qsa0JBQWtCO0lBQ2xCLG1CQUFtQixFQUFFO0VBQ3ZCO0lBQ0UsbUJBQW1CO0lBQ25CLFlBQVk7SUFDWixXQUFXO0lBQ1gsVUFBVTtJQUNWLGtCQUFrQjtJQUNsQixVQUFVO0lBQ1YsU0FBUyxFQUFFO0lBQ1g7TUFDRSxVQUFVLEVBQUU7TUFDWjtRQUNFLGFBQWEsRUFBRTtJQUNuQjtNQUNFLFdBQVc7TUFDWCxVQUFVO01BQ1YsWUFBWTtNQUNaLFVBQVU7TUFDVixjQUFjO01BQ2QsWUFBWTtNQUNaLGlDQUFpQyxFQUFFO0lBQ3JDO01BQ0UsK0RBQStELEVBQUU7SUFDbkU7TUFDRSwrREFBK0QsRUFBRTs7QUFFdkU7RUFDRSxXQUFXO0VBQ1gsWUFBWSxFQUFFO0VBQ2Q7SUFDRSxZQUFZO0lBQ1osOENBQThDLEVBQUU7SUFDaEQ7TUFDRSxZQUFZO01BQ1osZUFBZTtNQUNmLGlCQUFpQjtNQUNqQixtQkFBbUIsRUFBRTtNQUNyQjtRQUNFO1VBQ0UsZUFBZTtVQUNmLGlCQUFpQixFQUFFLEVBQUU7RUFDN0I7SUFDRSx3Q0FBd0MsRUFBRTtJQUMxQztNQUNFLFlBQVk7TUFDWixlQUFlO01BQ2YsaUJBQWlCO01BQ2pCLDhCQUE4QixFQUFFIiwiZmlsZSI6ImxiLXRhYmxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5ibG9jay1sYi10YWJsZSAuc2VjdGlvbi1oZWFkZXIge1xuICBtYXJnaW4tYm90dG9tOiAzMHB4OyB9XG4gIC5ibG9jay1sYi10YWJsZSAuc2VjdGlvbi1oZWFkZXIgaDIge1xuICAgIGZvbnQtc2l6ZTogMzVweDtcbiAgICBsaW5lLWhlaWdodDogNDBweDsgfVxuICAgIEBtZWRpYSAobWluLXdpZHRoOiA5OTJweCkge1xuICAgICAgLmJsb2NrLWxiLXRhYmxlIC5zZWN0aW9uLWhlYWRlciBoMiB7XG4gICAgICAgIGZvbnQtc2l6ZTogNTBweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDY1cHg7IH0gfVxuICAuYmxvY2stbGItdGFibGUgLnNlY3Rpb24taGVhZGVyIHAge1xuICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICBsaW5lLWhlaWdodDogMzBweDsgfVxuICAgIEBtZWRpYSAobWluLXdpZHRoOiA5OTJweCkge1xuICAgICAgLmJsb2NrLWxiLXRhYmxlIC5zZWN0aW9uLWhlYWRlciBwIHtcbiAgICAgICAgZm9udC1zaXplOiAyNHB4O1xuICAgICAgICBsaW5lLWhlaWdodDogMzZweDsgfSB9XG5cbi5ibG9jay1sYi10YWJsZSAubGItdGFibGUgLnRhYmxlc2F3LWJhci50YWJsZXNhdy1hbGwtY29scy12aXNpYmxlIHtcbiAgZGlzcGxheTogbm9uZTsgfVxuXG4uYmxvY2stbGItdGFibGUgLmxiLXRhYmxlIC50YWJsZXNhdy1iYXIgLnRhYmxlc2F3LWFkdmFuY2Uge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGZsb2F0OiB1bnNldDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXJnaW4tYm90dG9tOiAtNDBweDsgfVxuICAuYmxvY2stbGItdGFibGUgLmxiLXRhYmxlIC50YWJsZXNhdy1iYXIgLnRhYmxlc2F3LWFkdmFuY2U6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAycHg7XG4gICAgbGVmdDogMDtcbiAgICB0b3A6IDE1cHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJhY2tncm91bmQ6ICNjY2NjY2M7IH1cbiAgLmJsb2NrLWxiLXRhYmxlIC5sYi10YWJsZSAudGFibGVzYXctYmFyIC50YWJsZXNhdy1hZHZhbmNlIC5idG4ge1xuICAgIGJhY2tncm91bmQ6ICNGMkYyRjI7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICAgIHdpZHRoOiAzMHB4O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIHotaW5kZXg6IDE7XG4gICAgbWFyZ2luOiAwOyB9XG4gICAgLmJsb2NrLWxiLXRhYmxlIC5sYi10YWJsZSAudGFibGVzYXctYmFyIC50YWJsZXNhdy1hZHZhbmNlIC5idG4uZGlzYWJsZWQge1xuICAgICAgb3BhY2l0eTogMTsgfVxuICAgICAgLmJsb2NrLWxiLXRhYmxlIC5sYi10YWJsZSAudGFibGVzYXctYmFyIC50YWJsZXNhdy1hZHZhbmNlIC5idG4uZGlzYWJsZWQ6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4xNTsgfVxuICAgIC5ibG9jay1sYi10YWJsZSAubGItdGFibGUgLnRhYmxlc2F3LWJhciAudGFibGVzYXctYWR2YW5jZSAuYnRuOmJlZm9yZSB7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgd2lkdGg6IDdweDtcbiAgICAgIGhlaWdodDogMTBweDtcbiAgICAgIGxlZnQ6IDExcHg7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIGJhY2tncm91bmQ6IHZhcigtLXdzUGFydG5lckNvbG9yKTsgfVxuICAgIC5ibG9jay1sYi10YWJsZSAubGItdGFibGUgLnRhYmxlc2F3LWJhciAudGFibGVzYXctYWR2YW5jZSAuYnRuLnJpZ2h0OmJlZm9yZSB7XG4gICAgICAtd2Via2l0LW1hc2s6IHVybChcIi4uL3N2Zy9jaGV2cm9uLXJpZ2h0LnN2Z1wiKSBsZWZ0IGNlbnRlci9jb3ZlcjsgfVxuICAgIC5ibG9jay1sYi10YWJsZSAubGItdGFibGUgLnRhYmxlc2F3LWJhciAudGFibGVzYXctYWR2YW5jZSAuYnRuLmxlZnQ6YmVmb3JlIHtcbiAgICAgIC13ZWJraXQtbWFzazogdXJsKFwiLi4vc3ZnL2NoZXZyb24tbGVmdC5zdmdcIikgcmlnaHQgY2VudGVyL2NvdmVyOyB9XG5cbi5ibG9jay1sYi10YWJsZSAubGItdGFibGUgdGFibGUge1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiBub25lOyB9XG4gIC5ibG9jay1sYi10YWJsZSAubGItdGFibGUgdGFibGUgdGhlYWQgdHIge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItYm90dG9tOiA1cHggc29saWQgdmFyKC0teWxiLWNvbG9yLWdyZXkpOyB9XG4gICAgLmJsb2NrLWxiLXRhYmxlIC5sYi10YWJsZSB0YWJsZSB0aGVhZCB0ciB0aCB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICBmb250LXNpemU6IDIycHg7XG4gICAgICBsaW5lLWhlaWdodDogMzJweDtcbiAgICAgIHBhZGRpbmc6IDE1cHggMC41ZW07IH1cbiAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA5OTJweCkge1xuICAgICAgICAuYmxvY2stbGItdGFibGUgLmxiLXRhYmxlIHRhYmxlIHRoZWFkIHRyIHRoIHtcbiAgICAgICAgICBmb250LXNpemU6IDI0cHg7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDM2cHg7IH0gfVxuICAuYmxvY2stbGItdGFibGUgLmxiLXRhYmxlIHRhYmxlIHRib2R5IHRyIHtcbiAgICBib3JkZXItYm90dG9tOiAycHggc29saWQgdmFyKC0tZ3JheS0yMDApOyB9XG4gICAgLmJsb2NrLWxiLXRhYmxlIC5sYi10YWJsZSB0YWJsZSB0Ym9keSB0ciB0ZCB7XG4gICAgICBib3JkZXI6IG5vbmU7XG4gICAgICBmb250LXNpemU6IDE4cHg7XG4gICAgICBsaW5lLWhlaWdodDogMjhweDtcbiAgICAgIHBhZGRpbmc6IDIwcHggMC41ZW0gIWltcG9ydGFudDsgfVxuIl19 */
\ No newline at end of file
......@@ -28,22 +28,54 @@
display: none;
}
.tablesaw-advance {
display: flex;
justify-content: space-between;
float: unset;
position: relative;
margin-bottom: -40px;
&:after {
content: "";
width: 100%;
height: 2px;
left: 0;
top: 15px;
position: absolute;
background: #cccccc;
}
.btn {
background: #F2F2F2;
height: 30px;
width: 30px;
padding: 0;
border-radius: 50%;
z-index: 1;
margin: 0;
&.disabled {
opacity: 1;
&:before {
opacity: 0.15;
}
}
&:before {
content: "";
width: 9px;
height: 14px;
width: 7px;
height: 10px;
left: 11px;
display: block;
border: none;
background: var(--wsPartnerColor);
}
&.right {
&:before {
background: url("../svg/chevron-right.svg") left center / cover;
-webkit-mask: url("../svg/chevron-right.svg") left center / cover;
}
}
&.left {
&:before {
background: url("../svg/chevron-left.svg") right center / cover;
-webkit-mask: url("../svg/chevron-left.svg") right center / cover;
}
}
}
......
# Custom module library for general purposes.
lb_table:
version: 1.0
version: 1.1
css:
theme:
assets/css/lb-table.css: { preprocess: true }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment