tonyair/sortablegridfield
1
0
Fork 0
mirror of https://github.com/UndefinedOffset/SortableGridField.git synced 2024-10-22 17:05:38 +02:00
Code Issues Projects Releases Wiki Activity

Style improvements

Browse Source
This commit is contained in:
UndefinedOffset 2017-07-04 10:20:29 -03:00
parent 23da810b19
commit 72d458c819
2 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
css/GridFieldSortableRows.css
View File

@ -1,16 +1,22 @@
form table.ss-gridfield-table thead tr th.sortablerowsheading {
form table.grid-field__table thead tr th.sortablerowsheading {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
form table.ss-gridfield-table thead tr th.sortablerowsheading .gridfield-sortablerows input[type=checkbox] {
form table.grid-field__table thead tr td.sortablerowsheading label {
margin-bottom: 0;
line-height: normal;
}
form table.grid-field__table thead tr td.sortablerowsheading .gridfield-sortablerows input[type=checkbox] {
height: auto;
}
form table.ss-gridfield-table thead tr th.sortablerowsheading .gridfield-sortablerows {
form table.grid-field__table thead tr td.sortablerowsheading .gridfield-sortablerows {
line-height: 28px;
}
form table.ss-gridfield-table thead tr th.sortablerowsheading .gridfield-sortablerows button {
form table.grid-field__table thead tr td.sortablerowsheading .gridfield-sortablerows button {
display: none;
}
@ -19,7 +25,7 @@ form .ss-gridfield {
}
form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow {
background: #98AAB6;
background: #5589A7;
display: none;
@ -30,7 +36,7 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow {
width: 40px;
opacity: 0.4;
opacity: 0.6;
text-align: center;
@ -45,6 +51,8 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow i
display: block;
position: relative;
font-style: normal;
position: absolute;
top: 50%;
@ -72,13 +80,13 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow i:
}
form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow:hover {
opacity: 0.7;
opacity: 0.8;
text-decoration: none;
}
form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-prev-page {
left: 0;
left: -20px;
}
form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-prev-page i {
@ -98,7 +106,7 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-prev-page i {
}
form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-next-page {
right: 0;
right: -20px;
}
form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-next-page i {
@ -117,10 +125,10 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-next-page i {
transform-origin: bottom right;
}
form table.ss-gridfield-table.dragSorting tbody tr td {
form table.grid-field__table.dragSorting tbody tr td {
cursor: move;
}
form table.ss-gridfield-table.dragSorting .ui-sortable-helper {
form table.grid-field__table.dragSorting .ui-sortable-helper {
display: table;
}

4
templates/SortableGridField/Forms/Includes/GridFieldSortableRows.ss
View File

@ -1,5 +1,5 @@
<tr>
<th class="extra sortablerowsheading" colspan="$Colspan">
<td class="sortablerowsheading" colspan="$Colspan">
<div class="gridfield-sortablerows">
<input type="checkbox" id="{$ID}_AllowDragDropCheck" value="1" autocomplete="off" class="no-change-track<% if $DisableSelection %> gridfield-sortablerows-noselection<% end_if %>"$Checked/>
<label for="{$ID}_AllowDragDropCheck"><%t GridFieldSortableRows.ALLOW_DRAG_DROP "Allow drag and drop re-ordering" %></label>
@ -7,5 +7,5 @@
$SortOrderSave
$SortToPage
</div>
</th>
</td>
</tr>