From 6ce0168ba53555053f90f1e6f50c45e51ddf2255 Mon Sep 17 00:00:00 2001 From: albertony <12441419+albertony@users.noreply.github.com> Date: Sun, 4 Sep 2022 10:14:11 +0200 Subject: [PATCH] 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. --- docs/layouts/chrome/menu.html | 18 ++--- docs/layouts/chrome/navbar.html | 132 ++++++++++++++++---------------- docs/static/css/custom.css | 12 --- 3 files changed, 75 insertions(+), 87 deletions(-) diff --git a/docs/layouts/chrome/menu.html b/docs/layouts/chrome/menu.html index 3db7f54bd..85ea1e543 100644 --- a/docs/layouts/chrome/menu.html +++ b/docs/layouts/chrome/menu.html @@ -17,9 +17,9 @@

- Twitter
- Facebook
- Reddit
+ Twitter
+ Facebook
+ Reddit

@@ -31,12 +31,12 @@

- Rclone forum
- GitHub project
- Rclone slack
- Rclone Wiki
- Donate
- @njcw + Rclone forum
+ GitHub project
+ Rclone slack
+ Rclone Wiki
+ Donate
+ @njcw

diff --git a/docs/layouts/chrome/navbar.html b/docs/layouts/chrome/navbar.html index f732756e3..591219cf3 100644 --- a/docs/layouts/chrome/navbar.html +++ b/docs/layouts/chrome/navbar.html @@ -14,18 +14,18 @@ Docs
- Installation - Usage - Filtering - GUI - Remote Control - Changelog - Bugs - FAQ - Flags - Licence - Authors - Privacy Policy + Installation + Usage + Filtering + GUI + Remote Control + Changelog + Bugs + FAQ + Flags + Licence + Authors + Privacy Policy
  • @@ -33,12 +33,12 @@ Commands
    - Overview + Overview
    {{ with .Site.GetPage "/commands" }} {{ range .Data.Pages }} {{ if lt (countwords .Title) 3 }} - {{ .Title | markdownify }} + {{ .Title | markdownify }} {{ end }} {{ end }} {{ end }} @@ -49,65 +49,65 @@ Storage Systems
    - Overview + Overview
    - 1Fichier - Akamai NetStorage - Alias - Amazon Drive - Amazon S3 - Backblaze B2 - Box - Chunker (splits large files) - Compress (transparent gzip compression) - Combine (remotes into a directory tree) - Citrix ShareFile - Crypt (encrypts the others) - Digi Storage - Dropbox - Enterprise File Fabric - FTP - Google Cloud Storage - Google Drive - Google Photos - Hasher (better checksums for others) - HDFS (Hadoop Distributed Filesystem) - HiDrive - HTTP - Hubic - Internet Archive - Jottacloud - Koofr - Mail.ru Cloud - Mega - Memory - Microsoft Azure Blob Storage - Microsoft OneDrive - OpenDrive - QingStor - Openstack Swift - pCloud - premiumize.me - put.io - Seafile - SFTP - Sia - Storj - SugarSync - Uptobox - Union (merge backends) - WebDAV - Yandex Disk - Zoho WorkDrive + 1Fichier + Akamai NetStorage + Alias + Amazon Drive + Amazon S3 + Backblaze B2 + Box + Chunker (splits large files) + Compress (transparent gzip compression) + Combine (remotes into a directory tree) + Citrix ShareFile + Crypt (encrypts the others) + Digi Storage + Dropbox + Enterprise File Fabric + FTP + Google Cloud Storage + Google Drive + Google Photos + Hasher (better checksums for others) + HDFS (Hadoop Distributed Filesystem) + HiDrive + HTTP + Hubic + Internet Archive + Jottacloud + Koofr + Mail.ru Cloud + Mega + Memory + Microsoft Azure Blob Storage + Microsoft OneDrive + OpenDrive + QingStor + Openstack Swift + pCloud + premiumize.me + put.io + Seafile + SFTP + Sia + Storj + SugarSync + Uptobox + Union (merge backends) + WebDAV + Yandex Disk + Zoho WorkDrive
    - The local filesystem + The local filesystem
  • - Contact + Contact
  • - Donate + Donate
    • diff --git a/docs/static/css/custom.css b/docs/static/css/custom.css index d112bbbfc..2ac4eb16a 100644 --- a/docs/static/css/custom.css +++ b/docs/static/css/custom.css @@ -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;