Skip to content

Commit

Permalink
add readme
Browse files Browse the repository at this point in the history
  • Loading branch information
berndu committed Dec 18, 2023
1 parent e6661a9 commit bf01081
Show file tree
Hide file tree
Showing 4 changed files with 25 additions and 1 deletion.
19 changes: 19 additions & 0 deletions menu-new/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
# Aufgabe
Neue Menüpunkte sollen durch ein Icon hervorgehoben werden können.

# Lösung
Die Datei **new.css** wird beim Laden der Seite gelesen.

Sie enthält das CSS, um ein Icon neben den gewünschten Menüpunkt zu setzen.

```
[data-main-menu-item='eth_website']{
background-image: url('https://eth-library.github.io/snippets/menu-new/new.png');
background-position: left center;
background-repeat: no-repeat;
}
```

Der neue Menüpunkt, im Beispiel **eth_website**, ist der Code des Menüpunktes entsprechend der Konfiguration des Menüs in der View in Alma.

Das Icon **new.png** wird ebenfalls von hier geladen.
5 changes: 5 additions & 0 deletions menu-new/new-example.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
[data-main-menu-item='eth_website']{
background-image: url('https://eth-library.github.io/snippets/menu-new/new.png');
background-position: left center;
background-repeat: no-repeat;
}
Binary file added menu-new/new-example.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion menu-new/new.css
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
[data-main-menu-item='JournalSearch']{
[data-main-menu-item='eth_website']{
background-image: url('https://eth-library.github.io/snippets/menu-new/new.png');
background-position: left center;
background-repeat: no-repeat;
Expand Down

0 comments on commit bf01081

Please sign in to comment.