zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2026-06-07 04:15:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cleans up interactive list action styling

Browse Source
This commit is contained in:
John Furrow
2019-04-20 12:13:54 -07:00
committed by John Furrow
parent 2e928cb750
commit c3db4ccb5e
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/javascript/components/modals/feeds-modal/DownloadRulesTab.js
+1 -1
View File
@@ -348,7 +348,7 @@ class DownloadRulesTab extends React.Component {
</ul>
</div>
<span
className="interactive-list__icon interactive-list__icon--action interactive-list__icon--padding"
className="interactive-list__icon interactive-list__icon--action"
onClick={() => this.handleModifyRuleClick(rule)}>
<Edit />
</span>
client/src/javascript/components/modals/feeds-modal/FeedsTab.js
+1 -1
View File
@@ -279,7 +279,7 @@ class FeedsTab extends React.Component {
</ul>
</div>
<span
className="interactive-list__icon interactive-list__icon--action interactive-list__icon--padding"
className="interactive-list__icon interactive-list__icon--action"
onClick={() => this.handleModifyFeedClick(feed)}>
<Edit />
</span>
client/src/sass/components/_interactive-list.scss
+4 -4
View File
@@ -180,10 +180,6 @@ $interactive-list--detail-list--item--padding--vertical: 0;
}
}
&--padding {
margin-right: 0.5em;
}
&--action {
cursor: pointer;
transition: background $speed--xx-fast;
@@ -193,6 +189,10 @@ $interactive-list--detail-list--item--padding--vertical: 0;
fill: $interactive-list--item--icon--fill--hover;
}
}
& + .interactive-list__icon--action {
margin-left: $spacing--x-small;
}
}
}