From 6c660576d2adf8f33a0953905546a9f0706bc800 Mon Sep 17 00:00:00 2001 From: Houtan Bastani <houtan@dynare.org> Date: Tue, 24 Sep 2019 17:59:23 +0200 Subject: [PATCH] fix bug introduced in 316674784cd79d185126cc8338ce8bcfbec4d038: when the page was displayed on a phone the download icons were not displaying correctly --- _includes/download-snapshot.html | 8 ++++---- _includes/download-stable.html | 8 ++++---- _sass/dynare.scss | 9 ++++----- 3 files changed, 12 insertions(+), 13 deletions(-) diff --git a/_includes/download-snapshot.html b/_includes/download-snapshot.html index 49188ba..388f92d 100644 --- a/_includes/download-snapshot.html +++ b/_includes/download-snapshot.html @@ -1,16 +1,16 @@ <div class="dynare_main"> <input class="dynare_input" id="snapshot_tab1" type="radio" name="snapshot_tabs"> - <label class="dynare_label" for="snapshot_tab1"><i class="fab fa-windows"></i> Windows</label> + <label class="dynare_label" for="snapshot_tab1">Windows</label> <input class="dynare_input" id="snapshot_tab2" type="radio" name="snapshot_tabs"> - <label class="dynare_label" for="snapshot_tab2"><i class="fab fa-apple"></i> macOS</label> + <label class="dynare_label" for="snapshot_tab2">macOS</label> <input class="dynare_input" id="snapshot_tab3" type="radio" name="snapshot_tabs"> - <label class="dynare_label" for="snapshot_tab3"><i class="fab fa-linux"></i> GNU/Linux</label> + <label class="dynare_label" for="snapshot_tab3">GNU/Linux</label> <input class="dynare_input" id="snapshot_tab4" type="radio" name="snapshot_tabs"> - <label class="dynare_label" for="snapshot_tab4"><i class="fas fa-code"></i> Source</label> + <label class="dynare_label" for="snapshot_tab4">Source</label> <section class="dynare_section" id="snapshot_content1"> <p> diff --git a/_includes/download-stable.html b/_includes/download-stable.html index 24c58ce..762f2aa 100644 --- a/_includes/download-stable.html +++ b/_includes/download-stable.html @@ -1,16 +1,16 @@ <div class="dynare_main"> <input class="dynare_input" id="stable_tab1" type="radio" name="stable_tabs"> - <label class="dynare_label" for="stable_tab1"><i class="fab fa-windows"></i> Windows</label> + <label class="dynare_label" for="stable_tab1">Windows</label> <input class="dynare_input" id="stable_tab2" type="radio" name="stable_tabs"> - <label class="dynare_label" for="stable_tab2"><i class="fab fa-apple"></i> macOS</label> + <label class="dynare_label" for="stable_tab2">macOS</label> <input class="dynare_input" id="stable_tab3" type="radio" name="stable_tabs"> - <label class="dynare_label" for="stable_tab3"><i class="fab fa-linux"></i> GNU/Linux</label> + <label class="dynare_label" for="stable_tab3">GNU/Linux</label> <input class="dynare_input" id="stable_tab4" type="radio" name="stable_tabs"> - <label class="dynare_label" for="stable_tab4"><i class="fas fa-code"></i> Source</label> + <label class="dynare_label" for="stable_tab4">Source</label> <section class="dynare_section" id="stable_content1"> <p> diff --git a/_sass/dynare.scss b/_sass/dynare.scss index 8b4d8a9..28c99d5 100644 --- a/_sass/dynare.scss +++ b/_sass/dynare.scss @@ -349,15 +349,14 @@ label.dynare_label { } label.dynare_label:before { - font-family: 'Font Awesome 5 Free' !important; font-weight: normal; margin-right: 10px; } -label.dynare_label[for*='1']:before { content: ''; } -label.dynare_label[for*='2']:before { content: ''; } -label.dynare_label[for*='3']:before { content: ''; } -label.dynare_label[for*='4']:before { content: ''; } +label.dynare_label[for*='1']:before { font-family: 'Font Awesome 5 Brands' !important; font-weight: 400; content: '\f17a'; } +label.dynare_label[for*='2']:before { font-family: 'Font Awesome 5 Brands' !important; font-weight: 400; content: '\f179'; } +label.dynare_label[for*='3']:before { font-family: 'Font Awesome 5 Brands' !important; font-weight: 400; content: '\f17c'; } +label.dynare_label[for*='4']:before { font-family: 'Font Awesome 5 Free' !important; font-weight: 900; content: '\f121'; } label.dynare_label:hover { color: $download-tab-label-hover-color; -- GitLab