From 16e7f0c237d41dc2d0568e82e8f91e8fecd3eebf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Kim=20H=C3=B6fer?= <kim@suma-ev.de> Date: Fri, 12 Mar 2021 11:18:42 +0100 Subject: [PATCH] implement new icons and page specific styles --- resources/lang/de/plugin-desktop/desktop-chrome.php | 10 +++++----- resources/lang/de/plugin-desktop/desktop-edge.php | 12 ++++++------ resources/lang/de/plugin-desktop/desktop-firefox.php | 6 +++--- resources/lang/de/plugin-desktop/desktop-ie.php | 4 ++-- resources/lang/de/plugin-desktop/desktop-opera.php | 2 +- resources/lang/de/plugin-desktop/desktop-vivaldi.php | 2 +- resources/less/metager/pages/all.less | 3 +++ resources/less/metager/pages/asso.less | 4 ++++ resources/less/metager/pages/settings.less | 5 ++++- resources/less/metager/pages/zitatsuche.less | 4 ++++ resources/views/assoziator/asso.blade.php | 2 +- resources/views/hilfe.blade.php | 2 +- resources/views/parts/quicktip.blade.php | 2 +- resources/views/settings/allSettings.blade.php | 2 +- resources/views/settings/index.blade.php | 2 +- resources/views/zitatsuche.blade.php | 2 +- 16 files changed, 39 insertions(+), 25 deletions(-) create mode 100644 resources/less/metager/pages/asso.less create mode 100644 resources/less/metager/pages/zitatsuche.less diff --git a/resources/lang/de/plugin-desktop/desktop-chrome.php b/resources/lang/de/plugin-desktop/desktop-chrome.php index 079eaab65..52a51bcbd 100644 --- a/resources/lang/de/plugin-desktop/desktop-chrome.php +++ b/resources/lang/de/plugin-desktop/desktop-chrome.php @@ -2,21 +2,21 @@ return[ //Instructions for Chrome version 49-52 - 'default-search-v49.1' => 'Klicken Sie in Ihrem Chrome oben rechts auf <i class="fas fa-bars"></i> und im folgenden Menü auf "Einstellungen", um die Einstellungen Ihres Chromes zu öffnen.', + 'default-search-v49.1' => 'Klicken Sie in Ihrem Chrome oben rechts auf <img class= "mg-icon" src="/img/menu.svg"> und im folgenden Menü auf "Einstellungen", um die Einstellungen Ihres Chromes zu öffnen.', 'default-search-v49.2' => 'Im Bereich "Suche" klicken Sie auf "Suchmaschinen verwalten...".', 'default-search-v49.3' => 'In der unteren Hälfte des erscheinenden Menüs fahren Sie mit der Maus über den MetaGer-Eintrag. Auf der rechten Seite des Eintrags klicken sie auf die erscheinende blaue "Als Standard"-Schaltfläche', //Instructions for Chrome version 53-58 - 'default-search-v53.1' => 'Klicken Sie in Ihrem Chrome oben rechts auf <i class="fa fa-ellipsis-v"></i> und im folgenden Menü auf "Einstellungen", um die Einstellungen Ihres Chromes zu öffnen.', + 'default-search-v53.1' => 'Klicken Sie in Ihrem Chrome oben rechts auf <img class= "mg-icon" src="/img/ellipsis.svg"> und im folgenden Menü auf "Einstellungen", um die Einstellungen Ihres Chromes zu öffnen.', 'default-search-v53.2' => 'Im Bereich "Suche" klicken Sie auf "Suchmaschinen verwalten...".', 'default-search-v53.3' => 'In der unteren Hälfte des erscheinenden Menüs fahren Sie mit der Maus über den MetaGer-Eintrag. Auf der rechten Seite des Eintrags klicken sie auf die erscheinende blaue "Als Standard"-Schaltfläche', //Instructions for Chrome version >=59 - 'default-search-v59.1' => 'Klicken Sie in Ihrem Chrome oben rechts auf <i class="fa fa-ellipsis-v"></i> und im folgenden Menü auf "Einstellungen", um die Einstellungen Ihres Chromes zu öffnen.', + 'default-search-v59.1' => 'Klicken Sie in Ihrem Chrome oben rechts auf <img class= "mg-icon" src="/img/ellipsis.svg"> und im folgenden Menü auf "Einstellungen", um die Einstellungen Ihres Chromes zu öffnen.', 'default-search-v59.2' => 'Im Bereich "Suchmaschine" klicken Sie auf "Suchmaschinen verwalten..."', - 'default-search-v59.3' => 'In der nun angezeigten Liste, finden Sie den Eintrag "MetaGer". Fahren Sie mit der Maus über den Eintrag und klicken rechts auf <i class="fa fa-ellipsis-v"></i> und anschließend auf "Als Standard festlegen"', + 'default-search-v59.3' => 'In der nun angezeigten Liste, finden Sie den Eintrag "MetaGer". Fahren Sie mit der Maus über den Eintrag und klicken rechts auf <img class= "mg-icon" src="/img/ellipsis.svg"> und anschließend auf "Als Standard festlegen"', - 'default-page-v49.1' => 'Klicken Sie oben rechts im Browser auf <i class="fa fa-ellipsis-v"></i> und öffnen Sie die "Einstellungen".', + 'default-page-v49.1' => 'Klicken Sie oben rechts im Browser auf <img class= "mg-icon" src="/img/ellipsis.svg"> und öffnen Sie die "Einstellungen".', 'default-page-v49.2' => 'Im Bereich "Beim Start" wählen Sie "Bestimmte Seite oder Seiten öffnen und klicken anschließend auf "Neue Seite hinzufügen" bzw. "Seite festlegen".', 'default-page-v49.3' => 'Tragen Sie ":link" als URL bei "Neue Seite hinzufügen" ein.', 'default-page-v49.4' => 'Hinweis: Alle hier sichtbaren Webseiten werden nun beim Start des Browsers geöffnet. Sie können Einträge entfernen, indem Sie mit der Maus drüber fahren und rechts auf das "x" klicken.', diff --git a/resources/lang/de/plugin-desktop/desktop-edge.php b/resources/lang/de/plugin-desktop/desktop-edge.php index 19334ba64..d75b52f45 100644 --- a/resources/lang/de/plugin-desktop/desktop-edge.php +++ b/resources/lang/de/plugin-desktop/desktop-edge.php @@ -2,27 +2,27 @@ return[ //Instructions for Edge version 15-17 - 'default-search-v15.1' => 'Klicken Sie in Ihrem Browser oben rechts auf "<i class="fa fa-ellipsis-h"></i>" und wählen Sie "Einstellungen".', + 'default-search-v15.1' => 'Klicken Sie in Ihrem Browser oben rechts auf "<img class= "mg-icon" src="/img/ellipsis-horizontal.svg">" und wählen Sie "Einstellungen".', 'default-search-v15.2' => 'Scrollen Sie nach unten und klicken auf "Erweiterte Einstellungen".', 'default-search-v15.3' => 'Scrollen Sie erneut nach unten bis zum Punkt "In Adressleiste suchen mit" und klicken Sie auf "Ändern".', 'default-search-v15.4' => 'Wählen Sie "MetaGer: Sicher suchen & finden..." und klicken Sie auf "Als Standard"', //Instructions for Edge version 18 - 'default-search-v18.1' => 'Klicken Sie in Ihrem Browser oben rechts auf "<i class="fa fa-ellipsis-h"></i>" und wählen Sie "Einstellungen".', + 'default-search-v18.1' => 'Klicken Sie in Ihrem Browser oben rechts auf "<img class= "mg-icon" src="/img/ellipsis-horizontal.svg">" und wählen Sie "Einstellungen".', 'default-search-v18.2' => 'Wählen Sie den Reiter "Erweitert".', 'default-search-v18.3' => 'Scrollen Sie nach unten bis zum Punkt "In Adressleiste suchen mit" und klicken Sie auf "Ändern".', 'default-search-v18.4' => 'Wählen Sie "MetaGer: Sicher suchen & finden..." und klicken Sie auf "Als Standard".', //Instructions for Edge version >= 80 'default-search-v80.1' => 'Öffnen Sie einen neuen Tab und geben Sie "edge://settings/searchEngines" in der Adressleiste ein, um in die Suchmaschineneinstellungen zu gelangen.', - 'default-search-v80.2' => 'Klicken Sie neben dem Eintrag von MetaGer auf "<i class="fa fa-ellipsis-h"></i>" und wählen Sie "Als Standard".', + 'default-search-v80.2' => 'Klicken Sie neben dem Eintrag von MetaGer auf "<img class= "mg-icon" src="/img/ellipsis-horizontal.svg">" und wählen Sie "Als Standard".', - 'default-page-v15.1' => 'Klicken Sie oben rechts im Browser auf "<i class="fa fa-ellipsis-h"></i>" und öffnen Sie die "Einstellungen".', + 'default-page-v15.1' => 'Klicken Sie oben rechts im Browser auf "<img class= "mg-icon" src="/img/ellipsis-horizontal.svg">" und öffnen Sie die "Einstellungen".', 'default-page-v15.2' => 'Wählen Sie unter "Startseite festlegen" bzw. "Edge öffnen mit" "eine bestimmte Seite" und tragen dort ":link" ein.', - 'default-page-v15.3' => 'Klicken Sie auf <i class="fas fa-save"></i>, um MetaGer als Standardsuchmaschine zu speichern.', + 'default-page-v15.3' => 'Klicken Sie auf <img class= "mg-icon" src="/img/floppy.svg">, um MetaGer als Standardsuchmaschine zu speichern.', 'default-page-v80.1' => 'Geben Sie "edge://settings/onStartup" in die Adressleiste ein, um in die Einstellungen "Beim Start" zu gelangen.', 'default-page-v80.2' => 'Wählen Sie "Bestimmte Seite oder Seiten öffnen" und tragen ":link" als URL bei "Neue Seite hinzufügen" ein.', - 'default-page-v80.3' => 'Hinweis: Alle hier sichtbaren Webseiten werden nun beim Start des Browsers geöffnet. Sie können Einträge entfernen, indem Sie mit der Maus darüber fahren und rechts auf "<i class="fa fa-ellipsis-h"></i>" klicken.', + 'default-page-v80.3' => 'Hinweis: Alle hier sichtbaren Webseiten werden nun beim Start des Browsers geöffnet. Sie können Einträge entfernen, indem Sie mit der Maus darüber fahren und rechts auf "<img class= "mg-icon" src="/img/ellipsis-horizontal.svg">" klicken.', ]; diff --git a/resources/lang/de/plugin-desktop/desktop-firefox.php b/resources/lang/de/plugin-desktop/desktop-firefox.php index 092872288..7fcd89d4b 100644 --- a/resources/lang/de/plugin-desktop/desktop-firefox.php +++ b/resources/lang/de/plugin-desktop/desktop-firefox.php @@ -16,15 +16,15 @@ //Instructions for Firefox version >= 61 'plugin' => 'Das Plugin für Firefox können Sie <a href="https://addons.mozilla.org/de/firefox/addon/metager-suche/?src=search" target="_blank">hier</a> herunterladen.', - 'default-search-v61.1' => 'Alternativ klicken Sie in Ihrem Browser oben rechts in der Adressleiste auf "<i class="fas fa-ellipsis-h"></i>" um das Menü der Seitenaktionen zu öffnen und dann auf "Suchmaschine hinzufügen"', + 'default-search-v61.1' => 'Alternativ klicken Sie in Ihrem Browser oben rechts in der Adressleiste auf <img class= "mg-icon" src="/img/ellipsis-horizontal.svg"> um das Menü der Seitenaktionen zu öffnen und dann auf "Suchmaschine hinzufügen"', 'default-search-v61.2' => 'Geben Sie "about:preferences#search" in der Adressleiste ein, um in die Sucheinstellungen zu gelangen. Im Bereich "Standardsuchmaschine" wählen Sie MetaGer aus.', //Instructions for Firefox version 52-60 - 'default-page-v52.1' => 'Klicken Sie oben rechts im Browser auf <i class="fa fa-bars" aria-hidden="true"></i><span class="sr-only">die drei horizontalen Striche</span> und öffnen Sie die "Einstellungen".', + 'default-page-v52.1' => 'Klicken Sie oben rechts im Browser auf <img class= "mg-icon" src="/img/menu.svg"> und öffnen Sie die "Einstellungen".', 'default-page-v52.2' => 'Tragen Sie im Feld "Startseite" ":link" ein.', //Instructions for Firefox version >= 61 - 'default-page-v61.1' => 'Klicken Sie oben rechts im Browser auf <i class="fa fa-bars" aria-hidden="true"></i><span class="sr-only">die drei horizontalen Striche</span> und öffnen Sie die "Einstellungen".', + 'default-page-v61.1' => 'Klicken Sie oben rechts im Browser auf <img class= "mg-icon" src="/img/menu.svg"> und öffnen Sie die "Einstellungen".', 'default-page-v61.2' => 'Wählen Sie auf der linken Seite die Kategorie "Startseite". ', 'default-page-v61.3' => 'Unter "Neue Fenster und Tabs" klicken Sie auf das Dropdownmenü neben "Startseite und neue Fenster" und wählen "Benutzerdefinierte Adresse".', 'default-page-v61.4' => 'Tragen Sie in das erscheinende Textfeld ":link" ein.', diff --git a/resources/lang/de/plugin-desktop/desktop-ie.php b/resources/lang/de/plugin-desktop/desktop-ie.php index 38faa2763..7c72e9dc3 100644 --- a/resources/lang/de/plugin-desktop/desktop-ie.php +++ b/resources/lang/de/plugin-desktop/desktop-ie.php @@ -7,12 +7,12 @@ //Instructions for IE 11 'default-search-v11.1' => 'Klicken Sie <a href="javascript:window.external.addSearchProvider($(\'link[rel=search]\').attr(\'href\'));">hier</a>, um MetaGer als Suchmaschine hinzuzufügen.', - 'default-search-v11.2' => 'Klicken Sie in Ihrem Browser oben rechts auf "<i class="fa fa-cog" aria-hidden="true"></i>".', + 'default-search-v11.2' => 'Klicken Sie in Ihrem Browser oben rechts auf "<img class= "mg-icon" src="/img/icon-settings.svg">".', 'default-search-v11.3' => 'Wählen Sie den Menüpunkt "Add-Ons verwalten".', 'default-search-v11.4' => 'Klicken Sie im Bereich "Add-On-Typen" auf "Suchanbieter" und anschließend im rechten Bereich auf MetaGer.', 'default-search-v11.5' => 'Bestätigen Sie unten mit dem Knopf "Als Standard".', 'default-page-v9.1' => 'Klicken Sie <a href="/" target="_blank" rel="noopener">hier</a> um MetaGer in einem neuen Tab zu öffnen.', - 'default-page-v9.2' => 'Im neuen Tab klicken Sie oben links auf den Pfeil neben dem <i class="fas fa-home" aria-hidden="true"></i> und anschließend auf "Startseite ändern oder hinzufügen".', + 'default-page-v9.2' => 'Im neuen Tab klicken Sie oben links auf den Pfeil neben dem <img class= "mg-icon" src="/img/home.svg"> und anschließend auf "Startseite ändern oder hinzufügen".', 'default-page-v9.3' => 'Im erscheinenden Popup wählen Sie "Diese Seite als einzige Startseite nutzen" und anschließend auf "Ja".', ]; diff --git a/resources/lang/de/plugin-desktop/desktop-opera.php b/resources/lang/de/plugin-desktop/desktop-opera.php index adcab2a46..8856a6384 100644 --- a/resources/lang/de/plugin-desktop/desktop-opera.php +++ b/resources/lang/de/plugin-desktop/desktop-opera.php @@ -10,5 +10,5 @@ 'default-page-v36.1' => 'Klicken Sie oben links im Browser auf das Opera-Symbol bzw. "Menü" und öffnen Sie die "Einstellungen".', 'default-page-v36.2' => 'Im Bereich "Beim Start" wählen Sie "Bestimmte Seite oder Seiten öffnen" und klicken anschließend auf "Neue Seite hinzufügen" bzw. "Seite festlegen".', 'default-page-v36.3' => 'Tragen Sie ":link" als URL bei "Neue Seite hinzufügen" ein.', - 'default-page-v36.4' => 'Hinweis: Alle hier sichtbaren Webseiten werden nun beim Start des Browsers geöffnet. Sie können Einträge entfernen, indem Sie neben dem Eintrag auf "<i class="fas fa-ellipsis-h"></i>" klicken.', + 'default-page-v36.4' => 'Hinweis: Alle hier sichtbaren Webseiten werden nun beim Start des Browsers geöffnet. Sie können Einträge entfernen, indem Sie neben dem Eintrag auf "<img class= "mg-icon" src="/img/ellipsis-horizontal.svg">" klicken.', ]; diff --git a/resources/lang/de/plugin-desktop/desktop-vivaldi.php b/resources/lang/de/plugin-desktop/desktop-vivaldi.php index 486cd2f02..241eb2899 100644 --- a/resources/lang/de/plugin-desktop/desktop-vivaldi.php +++ b/resources/lang/de/plugin-desktop/desktop-vivaldi.php @@ -6,6 +6,6 @@ 'default-search-v3-3.2' => 'Wählen Sie im Kontextmenü "Suche erstellen..."', 'default-search-v3-3.3' => 'Klicken Sie im Popup auf "Als Standard-Suche festlegen" und anschließend auf "Hinzufügen".', - 'default-page-v3-3.1' => 'Klicken Sie oben links auf das Vivaldi-Symbol und wählen Sie unter "Extras" den Menüpunkt "<i class="fa fa-cog" aria-hidden="true"></i> Einstellungen"', + 'default-page-v3-3.1' => 'Klicken Sie oben links auf das Vivaldi-Symbol und wählen Sie unter "Extras" den Menüpunkt "<img class= "mg-icon" src="/img/icon-settings.svg"> Einstellungen"', 'default-page-v3-3.2' => 'Im erscheinenden Fenster unter "Startseite" wählen Sie "Benutzerdefiniert:" und tragen :link ein.', ]; \ No newline at end of file diff --git a/resources/less/metager/pages/all.less b/resources/less/metager/pages/all.less index 36aa22f87..1458619d6 100644 --- a/resources/less/metager/pages/all.less +++ b/resources/less/metager/pages/all.less @@ -9,4 +9,7 @@ @import "./widget.less"; @import "./settings.less"; @import "./transparency.less"; +@import "./zitatsuche.less"; +@import "./asso.less"; + diff --git a/resources/less/metager/pages/asso.less b/resources/less/metager/pages/asso.less new file mode 100644 index 000000000..ae096f95f --- /dev/null +++ b/resources/less/metager/pages/asso.less @@ -0,0 +1,4 @@ +#asso-search-icon { + height:1.1em; + vertical-align: middle; +} \ No newline at end of file diff --git a/resources/less/metager/pages/settings.less b/resources/less/metager/pages/settings.less index 57987b15f..30a346632 100644 --- a/resources/less/metager/pages/settings.less +++ b/resources/less/metager/pages/settings.less @@ -79,7 +79,7 @@ background-color:@blacklist-entries-even; } td{ - padding:10px 0px; + padding:2px 0px; } td:first-child{ padding-left:5px; @@ -88,4 +88,7 @@ width:20px; } } + .allSettings-trashcan-icon { + height:2em; + } } \ No newline at end of file diff --git a/resources/less/metager/pages/zitatsuche.less b/resources/less/metager/pages/zitatsuche.less new file mode 100644 index 000000000..6ea9b920b --- /dev/null +++ b/resources/less/metager/pages/zitatsuche.less @@ -0,0 +1,4 @@ +#zitatsuche-search-icon { + height:1.1em; + vertical-align: middle; +} \ No newline at end of file diff --git a/resources/views/assoziator/asso.blade.php b/resources/views/assoziator/asso.blade.php index fdeeb6e92..ecc237910 100644 --- a/resources/views/assoziator/asso.blade.php +++ b/resources/views/assoziator/asso.blade.php @@ -27,7 +27,7 @@ <p>{{ trans('asso.1.1') }} <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), '/datenschutz') }}" target="_blank">{{ trans('asso.1.2') }}</a>{{ trans('asso.1.3') }}.</p> <form method="post" class="form-inline"> - <input type="text" class="form-control search-input-mini" placeholder="{{ trans('asso.search.placeholder') }}" @if(isset($keywords)) value="{{$keywords}}" @endif name="q" required autofocus/><button type="submit" class="search-btn-mini"><i class="fa fa-search" aria-hidden="true"></i></button> + <input type="text" class="form-control search-input-mini" placeholder="{{ trans('asso.search.placeholder') }}" @if(isset($keywords)) value="{{$keywords}}" @endif name="q" required autofocus/><button type="submit" class="search-btn-mini"><img id="asso-search-icon" class= "mg-icon" src="/img/icon-lupe.svg" alt="{{ trans('icon-lupe.alt') }}"></button> </form> </div> @if(isset($words)) diff --git a/resources/views/hilfe.blade.php b/resources/views/hilfe.blade.php index d2c39f05f..6a6f067f6 100644 --- a/resources/views/hilfe.blade.php +++ b/resources/views/hilfe.blade.php @@ -115,7 +115,7 @@ </div> </section> <h2 id="dienste">{!! trans('hilfe.dienste') !!}</h2> - <h3><i class="fa fa-angle-double-right"></i> {!! trans('hilfe.dienste.kostenlos') !!}</h3> + <h3><img class= "mg-icon" src="/img/angle-double-right.svg" alt="{{ trans('angle-double-right.alt') }}" aria-hidden= "true"> {!! trans('hilfe.dienste.kostenlos') !!}</h3> <section id="app"> <div id="mg-app" style="margin-top: -100px"></div> <div style="margin-top: 100px"></div> diff --git a/resources/views/parts/quicktip.blade.php b/resources/views/parts/quicktip.blade.php index 04601ff04..3b01d7de6 100644 --- a/resources/views/parts/quicktip.blade.php +++ b/resources/views/parts/quicktip.blade.php @@ -21,7 +21,7 @@ @endif </a> @endif - <i class="quicktip-extender fa fa-chevron-down"></i> + <img class= "mg-icon mg-icon-rot180" src="/img/chevron-down.svg" alt="{{ trans('chevron-down.alt') }}"> </div> <p class="quicktip-description">{!! $quicktip->descr !!}</p> @if ($quicktip->author != "") diff --git a/resources/views/settings/allSettings.blade.php b/resources/views/settings/allSettings.blade.php index eb8ae2235..5e39c2b2e 100644 --- a/resources/views/settings/allSettings.blade.php +++ b/resources/views/settings/allSettings.blade.php @@ -45,7 +45,7 @@ <input type="hidden" name="key" value="{{ $key }}"> <input type="hidden" name="url" value="{{ url()->full() }}"> <button type="submit" title="@lang('settings.removeCookie')"> - <i class="fas fa-trash-alt"></i> + <img class= "mg-icon allSettings-trashcan-icon" src="/img/trashcan.svg" alt="{{ trans('trashcan.alt') }}"> </button> </form> </td> diff --git a/resources/views/settings/index.blade.php b/resources/views/settings/index.blade.php index f7546d11e..d2ccbf340 100644 --- a/resources/views/settings/index.blade.php +++ b/resources/views/settings/index.blade.php @@ -110,7 +110,7 @@ {{ $value }} </td> <td> - <button type="submit" name="cookieKey" value="{{ $key }}"><i class="fas fa-trash-alt"></i></button> + <img class= "mg-icon allSettings-trashcan-icon" src="/img/trashcan.svg" alt="{{ trans('trashcan.alt') }}"> </td> </tr> @endforeach diff --git a/resources/views/zitatsuche.blade.php b/resources/views/zitatsuche.blade.php index ef675254d..d6608838d 100644 --- a/resources/views/zitatsuche.blade.php +++ b/resources/views/zitatsuche.blade.php @@ -7,7 +7,7 @@ <div class="card-light"> <p>{{ trans('zitatsuche.subtitle') }}</p> <form id="searchForm" class="form-inline" accept-charset="UTF-8"> - <input type="text" class="form-control search-input-mini" id="q" name="q" placeholder="Suchworte" value="{{ $q }}"><button type="submit" class="search-btn-mini"><i class="fa fa-search" aria-hidden="true"></i></button> + <input type="text" class="form-control search-input-mini" id="q" name="q" placeholder="Suchworte" value="{{ $q }}"><button type="submit" class="search-btn-mini"><img id="zitatsuche-search-icon" class= "mg-icon" src="/img/icon-lupe.svg" alt="{{ trans('icon-lupe.alt') }}"></button> </form> @if($q !== "") <hr /> -- GitLab