paragraphs-features.sorting.css in Paragraphs Features 2.x
.field-multiple-table .tabledrag-checkbox-wrapper {
min-width: 50px;
text-align: center;
}
.field-multiple-table .tabledrag-checkbox-wrapper .tabledrag-checkbox {
margin-left: -16px;
}
.field-multiple-table.tabledrag-checkbox-active > tbody > tr.draggable > .field-multiple-drag .tabledrag-handle {
display: none;
}
.field-multiple-table .tabledrag-toggle-checkbox-wrapper {
float: right;
}
.field-multiple-table button.tabledrag-toggle-checkbox {
margin: 0 8px;
white-space: nowrap;
}
.field-multiple-table > tbody > tr.tabledrag-cell.field-multiple-drag {
min-width: 50px;
vertical-align: middle;
text-align: center;
}
.field-multiple-table > tbody > tr.tabledrag-sort-spacer {
background: transparent;
border-bottom: 0;
height: 30px;
}
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper {
background: transparent;
border-bottom: 0;
}
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column {
text-align: center;
padding: 0;
line-height: 1;
height: auto;
}
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target {
display: flex;
align-items: center;
}
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target span {
height: 48px;
}
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target .tabledrag-sort-target-left,
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target .tabledrag-sort-target-right {
flex: 1;
height: 2px;
mask-repeat: repeat-x;
-webkit-mask-repeat: repeat-x;
background-color: var(--colorGinTableHeader, #f3f4f9);
}
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target .tabledrag-sort-target-left {
mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M10 2H4V0h6v2z' fill='%23dae0e3'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M10 2H4V0h6v2z' fill='%23dae0e3'/%3E%3C/svg%3E");
}
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target .tabledrag-sort-target-right {
mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M6 2H0V0h6v2z' fill='%23dae0e3'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M6 2H0V0h6v2z' fill='%23dae0e3'/%3E%3C/svg%3E");
}
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target .tabledrag-sort-target-middle {
width: 22px;
margin: 0 4px;
mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.5 59.5'%3E%3Cpath d='M55 18.3H41.2V9.1c0-2.5-2-4.6-4.6-4.6H27C26.1 1.8 23.6 0 20.6 0s-5.5 1.8-6.4 4.6H4.6C2 4.6 0 6.6 0 9.1v36.7c0 2.5 2 4.6 4.6 4.6h13.8V55c0 2.5 2 4.6 4.6 4.6h32c2.5 0 4.6-2 4.6-4.6V23c-.1-2.6-2.1-4.7-4.6-4.7zM20.6 4.6c1.4 0 2.3.9 2.3 2.3s-.9 2.3-2.3 2.3-2.3-.9-2.3-2.3.9-2.3 2.3-2.3zm-2.3 18.3v22.9H4.6V9.1h4.6V16H32V9.1h4.6v9.2H22.9c-2.5 0-4.6 2.1-4.6 4.6zm25.2 27.5h-16v-4.6h16v4.6zm6.8-9.2H27.5v-4.6h22.9c-.1.1-.1 4.6-.1 4.6zm0-9.1H27.5v-4.6h22.9c-.1 0-.1 4.6-.1 4.6z' fill='%23dae0e2'/%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.5 59.5'%3E%3Cpath d='M55 18.3H41.2V9.1c0-2.5-2-4.6-4.6-4.6H27C26.1 1.8 23.6 0 20.6 0s-5.5 1.8-6.4 4.6H4.6C2 4.6 0 6.6 0 9.1v36.7c0 2.5 2 4.6 4.6 4.6h13.8V55c0 2.5 2 4.6 4.6 4.6h32c2.5 0 4.6-2 4.6-4.6V23c-.1-2.6-2.1-4.7-4.6-4.7zM20.6 4.6c1.4 0 2.3.9 2.3 2.3s-.9 2.3-2.3 2.3-2.3-.9-2.3-2.3.9-2.3 2.3-2.3zm-2.3 18.3v22.9H4.6V9.1h4.6V16H32V9.1h4.6v9.2H22.9c-2.5 0-4.6 2.1-4.6 4.6zm25.2 27.5h-16v-4.6h16v4.6zm6.8-9.2H27.5v-4.6h22.9c-.1.1-.1 4.6-.1 4.6zm0-9.1H27.5v-4.6h22.9c-.1 0-.1 4.6-.1 4.6z' fill='%23dae0e2'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
background-color: var(--colorGinTableHeader, #f3f4f9);
}
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target:hover .tabledrag-sort-target-left,
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target:hover .tabledrag-sort-target-right,
.field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target:hover .tabledrag-sort-target-middle {
background-color: var(--colorGinPrimary, #003cc5);
}
File
css/paragraphs-features.sorting.css
View source
- .field-multiple-table .tabledrag-checkbox-wrapper {
- min-width: 50px;
- text-align: center;
- }
-
- .field-multiple-table .tabledrag-checkbox-wrapper .tabledrag-checkbox {
- margin-left: -16px;
- }
-
- .field-multiple-table.tabledrag-checkbox-active > tbody > tr.draggable > .field-multiple-drag .tabledrag-handle {
- display: none;
- }
-
- .field-multiple-table .tabledrag-toggle-checkbox-wrapper {
- float: right;
- }
-
- .field-multiple-table button.tabledrag-toggle-checkbox {
- margin: 0 8px;
- white-space: nowrap;
- }
-
- .field-multiple-table > tbody > tr.tabledrag-cell.field-multiple-drag {
- min-width: 50px;
- vertical-align: middle;
- text-align: center;
- }
-
- .field-multiple-table > tbody > tr.tabledrag-sort-spacer {
- background: transparent;
- border-bottom: 0;
- height: 30px;
- }
-
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper {
- background: transparent;
- border-bottom: 0;
- }
-
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column {
- text-align: center;
- padding: 0;
- line-height: 1;
- height: auto;
- }
-
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target {
- display: flex;
- align-items: center;
- }
-
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target span {
- height: 48px;
- }
-
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target .tabledrag-sort-target-left,
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target .tabledrag-sort-target-right {
- flex: 1;
- height: 2px;
- mask-repeat: repeat-x;
- -webkit-mask-repeat: repeat-x;
- background-color: var(--colorGinTableHeader, #f3f4f9);
- }
-
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target .tabledrag-sort-target-left {
- mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M10 2H4V0h6v2z' fill='%23dae0e3'/%3E%3C/svg%3E");
- -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M10 2H4V0h6v2z' fill='%23dae0e3'/%3E%3C/svg%3E");
- }
-
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target .tabledrag-sort-target-right {
- mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M6 2H0V0h6v2z' fill='%23dae0e3'/%3E%3C/svg%3E");
- -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 2'%3E%3Cpath d='M6 2H0V0h6v2z' fill='%23dae0e3'/%3E%3C/svg%3E");
- }
-
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target .tabledrag-sort-target-middle {
- width: 22px;
- margin: 0 4px;
- mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.5 59.5'%3E%3Cpath d='M55 18.3H41.2V9.1c0-2.5-2-4.6-4.6-4.6H27C26.1 1.8 23.6 0 20.6 0s-5.5 1.8-6.4 4.6H4.6C2 4.6 0 6.6 0 9.1v36.7c0 2.5 2 4.6 4.6 4.6h13.8V55c0 2.5 2 4.6 4.6 4.6h32c2.5 0 4.6-2 4.6-4.6V23c-.1-2.6-2.1-4.7-4.6-4.7zM20.6 4.6c1.4 0 2.3.9 2.3 2.3s-.9 2.3-2.3 2.3-2.3-.9-2.3-2.3.9-2.3 2.3-2.3zm-2.3 18.3v22.9H4.6V9.1h4.6V16H32V9.1h4.6v9.2H22.9c-2.5 0-4.6 2.1-4.6 4.6zm25.2 27.5h-16v-4.6h16v4.6zm6.8-9.2H27.5v-4.6h22.9c-.1.1-.1 4.6-.1 4.6zm0-9.1H27.5v-4.6h22.9c-.1 0-.1 4.6-.1 4.6z' fill='%23dae0e2'/%3E%3C/svg%3E");
- -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.5 59.5'%3E%3Cpath d='M55 18.3H41.2V9.1c0-2.5-2-4.6-4.6-4.6H27C26.1 1.8 23.6 0 20.6 0s-5.5 1.8-6.4 4.6H4.6C2 4.6 0 6.6 0 9.1v36.7c0 2.5 2 4.6 4.6 4.6h13.8V55c0 2.5 2 4.6 4.6 4.6h32c2.5 0 4.6-2 4.6-4.6V23c-.1-2.6-2.1-4.7-4.6-4.7zM20.6 4.6c1.4 0 2.3.9 2.3 2.3s-.9 2.3-2.3 2.3-2.3-.9-2.3-2.3.9-2.3 2.3-2.3zm-2.3 18.3v22.9H4.6V9.1h4.6V16H32V9.1h4.6v9.2H22.9c-2.5 0-4.6 2.1-4.6 4.6zm25.2 27.5h-16v-4.6h16v4.6zm6.8-9.2H27.5v-4.6h22.9c-.1.1-.1 4.6-.1 4.6zm0-9.1H27.5v-4.6h22.9c-.1 0-.1 4.6-.1 4.6z' fill='%23dae0e2'/%3E%3C/svg%3E");
- mask-repeat: no-repeat;
- -webkit-mask-repeat: no-repeat;
- mask-position: center;
- -webkit-mask-position: center;
- background-color: var(--colorGinTableHeader, #f3f4f9);
- }
-
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target:hover .tabledrag-sort-target-left,
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target:hover .tabledrag-sort-target-right,
- .field-multiple-table > tbody > tr.tabledrag-sort-target-wrapper > td.tabledrag-sort-target-column a.tabledrag-sort-target:hover .tabledrag-sort-target-middle {
- background-color: var(--colorGinPrimary, #003cc5);
- }