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); 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; 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; 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; display: none;
} }
@ -19,7 +25,7 @@ form .ss-gridfield {
} }
form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow { form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow {
background: #98AAB6; background: #5589A7;
display: none; display: none;
@ -30,7 +36,7 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow {
width: 40px; width: 40px;
opacity: 0.4; opacity: 0.6;
text-align: center; text-align: center;
@ -45,6 +51,8 @@ form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow i
display: block; display: block;
position: relative; position: relative;
font-style: normal;
position: absolute; position: absolute;
top: 50%; 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 { form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-psort-arrow:hover {
opacity: 0.7; opacity: 0.8;
text-decoration: none; text-decoration: none;
} }
form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-prev-page { form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-prev-page {
left: 0; left: -20px;
} }
form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-prev-page i { 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 { form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-next-page {
right: 0; right: -20px;
} }
form .ss-gridfield .gridfield-sortablerows-movepage .sortablerows-next-page i { 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; transform-origin: bottom right;
} }
form table.ss-gridfield-table.dragSorting tbody tr td { form table.grid-field__table.dragSorting tbody tr td {
cursor: move; cursor: move;
} }
form table.ss-gridfield-table.dragSorting .ui-sortable-helper { form table.grid-field__table.dragSorting .ui-sortable-helper {
display: table; display: table;
} }

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

@ -1,5 +1,5 @@
<tr> <tr>
<th class="extra sortablerowsheading" colspan="$Colspan"> <td class="sortablerowsheading" colspan="$Colspan">
<div class="gridfield-sortablerows"> <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/> <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> <label for="{$ID}_AllowDragDropCheck"><%t GridFieldSortableRows.ALLOW_DRAG_DROP "Allow drag and drop re-ordering" %></label>
@ -7,5 +7,5 @@
$SortOrderSave $SortOrderSave
$SortToPage $SortToPage
</div> </div>
</th> </td>
</tr> </tr>