Forenlink für Gäste verstecken!

Es geht ja im WSC leider nicht einmal mehr "durch die Hintertür" über die Datenbank, da in der Tabelle wcfX_menu_item die bisher äußerst nützliche Spalte permissions nicht mehr existiert.

Gruß norse

Quote from Andrea Berg

Es gibt keine derartige Rechteabfrage für das Menü.

In diesem Zusammenhang habe ich gerade mal nachgesehen, ob man den Button ggf. zumindest per CSS oder JS ausblenden kann und musste leider feststellen, dass die Menübuttons im Gegensatz zur Vorgängerversion keinen eindeutigen Bezeichner in Form einer Klasse, ID oder eines Attributs wie [data-menu-item] mehr haben. Schon wieder eine Kleinigkeit, die nicht übernommen wurde und mir persönlich fehlt.

Gruß norse

norse das bedeutet man kann ihnen auch keine Icons mehr zuweisen

Das geht noch über einen kleinen Umweg:

a.boxMenuLink[href="https://community.woltlab.com/"]:before {content:url(https://www.woltlab.com/images/smilies/emojione/1f621.png);}

Gruß norse

Finde ich aber sehr unschön.

Was ist daran unschön? Es ist eine ganz normale Zuweisung einer Grafik per CSS.

Gruß norse

Vermutung: Unschön fände ich an der Stelle das href-Attribut. Vielleicht geht es Jens da ähnlich.

In meiner Installation habe ich z.B. der Startseite (Menüpunkt 1) das Icon fa-home verpasst, das dann aber so:

/* Adding an icon to .mainMenus nav li:first-child */
.mainMenu > .boxContent > nav > ol.boxMenu > li:first-child span::before {
  font-family: "FontAwesome";
  content: '\f015\00a0';
}

/* Avoid showing icons in .boxMenuDepth1 on all list items */
.mainMenu > .boxContent > nav > ol.boxMenu > li:first-child:hover > ol.boxMenuDepth1 > li span::before {
  content: '';
}

/* Gimme more icons - in .boxMenuDepth1 */
.mainMenu > .boxContent > nav > ol.boxMenu > li:first-child:hover > ol.boxMenuDepth1 > li:first-child span::before {
  font-family: "FontAwesome";
  content: '\f054';
}

Das ließe sich auch mit :nth-child(n) statt :first-child o.ä. nutzen, prinzipiell kann also jedem Menüpunkt ein Icon zugewiesen werden. Ohne dass man dafür mit href spielen müsste. Viel weniger Code wird es dadurch aber natürlich auch nicht. Das span-Tag ist eigentlich noch mit der Klasse boxMenuLinkTitle ausgestattet. Solange das aber nicht per Plugin, JavaScript oder wie auch immer verfpuscht wird, ist die Angabe nicht erforderlich.

Und natürlich kann im content auch z.B. url(https://www.woltlab.com/images/smilies/emojione/1f621.png) stehen.

/* Adding an icon to .mainMenus nav li:first-child */
.mainMenu {
  > .boxContent {
    > nav {
      > ol {
        &.boxMenu {
          > li {
            &:first-child {
              span {
                &::before { 
                  font-family:"FontAwesome"; 
                  content:'\f015\00a0'; // fa-home
                }
              }
            }
          }
        }
      }
    }
  }
}

/* Avoid showing icons in .boxMenuDepth1 on all list items */
.mainMenu {
  > .boxContent {
    > nav {
      > ol {
        &.boxMenu {
          > li {
            &:first-child {
              &:hover {
                > ol {
                  &.boxMenuDepth1 {
                    > li {
                      span {
                        &::before {
                          content:'';
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

/* Gimme more icons - in .boxMenuDepth1 */
.mainMenu {
  > .boxContent {
    > nav {
      > ol {
        &.boxMenu {
          > li {
            &:first-child {
              &:hover {
                > ol {
                  &.boxMenuDepth1 {
                    > li {
                      &:first-child {
                        span {
                          &::before {
                            font-family:"FontAwesome";
                            content:'\f054'; // fa-chevron-right
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

norse: Bitte ::after nutzen. Die Syntax mit nur einem Doppelpunkt ist seit geraumer Zeit veraltet.

Quote from Thanatos

Vermutung: Unschön fände ich an der Stelle das href-Attribut. Vielleicht geht es Jens da ähnlich.

Jap.

Quote from Thanatos

Das ließe sich auch mit :nth-child(n) statt :first-child o.ä. nutzen, prinzipiell kann also jedem Menüpunkt ein Icon zugewiesen werden. Ohne dass man dafür mit href spielen müsste.

Habt Ihr bedacht, dass die Anzahl der Menüpunkte nicht für alle Benutzer gleich sein muss? Genau aus diesem Grund habe ich mich für den wirklich eindeutigen Attributselektor entschieden. Das ist keine Spielerei, sondern aus gutem Grund so gewählt.

Gruß norse

Nein, das habe ich nicht bedacht... Aber a[href] Selektoren sind doof!11

Warum?

norse Das habe ich durchaus verstanden, aber das href-Atrribut finde ich trotzdem unschön.

Ob die Anzahl der Menüpunkte bei allen gleich ist, spielt bei meiner Eigenbau-Lösung ja keine Rolle. Ich habe das nicht für die Community gebastelt, sondern für mein Forum - und da weiß ich haargenau, wie viele Menüpunkte ich habe. Dass ich es hier trotzdem "zeige", naja, Kulanz? Wobei man das per SCSS/CSS eigentlich bedenkenlos erweitern kann, auch für das 10-te Listenelement. Man müsste nur die Lust dazu haben - und das Ganze ggf. vorab noch etwas vereinfachen, indem das font-family für alle span::before gültig wird und nicht überall erwähnt werden muss.

Ich meinte auch nicht die absolute Anzahl der Hauptmenüpunkte, sondern die Tatsache, dass häufig Gäste oder auch bestimmte Benutzergruppen nicht alle Menüpunkte sehen und dann funktioniert es mit Deiner Methode nicht mehr.

Gruß norse

Ah, ok. Dann musst du dich in Zukunft klarer ausdrücken..

Benutzer ist für mich etwas anderes als Betreiber. Insofern war das deutlich genug. Ich bemühe mich hier in der Regel, Lösungen zu zeigen, die in möglichst vielen Installationen funktionieren und nicht nur in meiner eigenen.

Gruß norse