mirror of
https://github.com/rclone/rclone.git
synced 2026-01-08 11:33:33 +00:00
docs: better alignment of icons
Fixes issue with spacing between icon and text in backend docs headers. This reverts the changes from PR #5889 and #5701, which aligned menu/dropdown items when icons have different sizes, and implements an alternative fix which gives slightly better results, and also is more of a native Font Awesome solution: Font Awesome icons are designed on grid and share a consistent height. But they vary in width depending on how wide or narrow each symbol is. If you prefer to work with icons that have a consistent width, adding fa-fw will render each icon using the same width.
This commit is contained in:
committed by
Nick Craig-Wood
parent
67f5f04a77
commit
6ce0168ba5
12
docs/static/css/custom.css
vendored
12
docs/static/css/custom.css
vendored
@@ -142,18 +142,6 @@ h5 {
|
||||
font-size: 95%;
|
||||
}
|
||||
|
||||
/* Align dropdown items when icons have different sizes */
|
||||
.dropdown-item .fa, .fab, .fad, .fal, .far, .fas {
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Align menu items when icons have different sizes */
|
||||
.menu .fa, .fab, .fad, .fal, .far, .fas {
|
||||
width: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Make primary buttons rclone colours. Should learn sass and do this the proper way! */
|
||||
.btn-primary {
|
||||
background-color: #3f79ad;
|
||||
|
||||
Reference in New Issue
Block a user