mirror of
https://github.com/octoleo/syncthing.git
synced 2025-04-02 07:41:51 +00:00
gui: Specialize a special-purpose checkbox style (#9236)
### Purpose Discovered while working on the WebAuthn credentials table in #9175: there's a style on `td input[type="checkbox"]` that modifies margins for all checkboxes in `<table>`s. It looks like this style is specially tailored to the particular table that added it (PR #8734), so it should have a correspondingly special-purpose class to not accidentally apply it to other tables. As best as I could tell there are only 2 instances of `<input type="checkbox">` in `<td>`s, shown in the screenshots below. ### Testing - Open "Actions > Logging > Debugging Facilities" and observe the vertical spacing of the checkboxes. - Open "Edit Folder > Advanced", check "Sync Extended Attributes" or "Send Extended Attributes", click "Add filter entry" and observe the vertical spacing of the checkbox that appears. ### Screenshots #### Before   #### After Logs > Debugging Facilities now more compact:  Add filter entry unchanged: 
This commit is contained in:
parent
8e9ee3fbe8
commit
1f7d236742
@ -143,7 +143,8 @@ table.table-auto td {
|
|||||||
max-width: 0px;
|
max-width: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
td input[type="checkbox"] {
|
/* Tag name is needed for selector to be specific enough to override Bootstrap style */
|
||||||
|
input[type="checkbox"].extended-attributes-filter-rule-checkbox {
|
||||||
margin-top: 13px;
|
margin-top: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -344,7 +344,7 @@
|
|||||||
</colgroup>
|
</colgroup>
|
||||||
<tr ng-repeat="entry in currentFolder.xattrFilter.entries">
|
<tr ng-repeat="entry in currentFolder.xattrFilter.entries">
|
||||||
<td>
|
<td>
|
||||||
<input type="checkbox" ng-model="entry.permit">
|
<input type="checkbox" ng-model="entry.permit" class="extended-attributes-filter-rule-checkbox"/>
|
||||||
</td>
|
</td>
|
||||||
<td><input class="form-control text-left" aria-required="true" ng-model="entry.match"/></td>
|
<td><input class="form-control text-left" aria-required="true" ng-model="entry.match"/></td>
|
||||||
<td>
|
<td>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user