Firefox PDF abgerundete Ecken entfernen

Zitat von alpha-nbg

wie die richtige url-prefix lautet.

Ich denke, die brauchst du dafür nicht

Du änderst ja nichts optisch an einer Webseite, sondern nur das Menü vom Firefox, auch wenn der Code in die userContent.css muss.

Evtl. kann aber ein anderer User genaueres dazu sagen.

Zitat von 2002Andreas

Du änderst ja nichts optisch an einer Webseite, sondern nur das Menü vom Firefox, auch wenn der Code in die userContent.css muss.

Und mit der Integration in die Datei userContent.css gilt der Code für ausnahmslos alle Websites, wenn die Domain nicht eingeschränkt wird und zufällig die gleichen Selektoren genutzt werden.

Zitat von Sören Hentzschel

und zufällig die gleichen Selektoren genutzt werden.

Hallo Sören, danke für den Hinweis.

Ich dachte das sind nur Bezeichnungen für den Firefox.

Wäre es so richtig/besser?

@media -moz-pref("pdfjs.enableNova") and -moz-pref("browser.nova.enabled") {

.doorHangerRight.menu,
.toolbarButton.labeled.toggled,
.dropdownToolbarButton {
  border-radius: 0 !important;
}

.toolbarButton {
 &.labeled {
   &:is(:hover, :focus-visible) {
       border-radius: 0 !important;
    }
   }
  }
 }
}

Zitat von 2002Andreas

Ich dachte das sind nur Bezeichnungen für den Firefox.

Jede Website kann ihre Klassen so nennen, wie sie will. Je nach Name der Klasse ist es halt mehr oder weniger wahrscheinlich, dass man auf einer Website auf exakt den gleichen Bezeichner stößt.

Zitat von 2002Andreas

Wäre es so richtig/besser?

Nicht, wenn der Code in Firefox 161 und höher noch funktionieren soll. Denn dann wird Nova nicht mehr über eine Option ein- und ausschaltbar sein.

Zitat von alpha-nbg

Allerdings weiss ich nicht, wie die richtige url-prefix lautet.

Probiere es damit:

@-moz-document regexp('.*\.pdf(?:[?#].*)?$') {
   /* dein Code */
}

Das funktioniert dann zumindest, wenn die URL auf .pdf endet, was aber wohl meistens so ist.

Zitat von Sören Hentzschel

Nicht, wenn der Code in Firefox 161 und höher noch funktionieren soll.

Danke für die Aufklärung, und sorry an alpha-nbg für meine falsche Antwort.

Zitat von alpha-nbg

Wusste ich noch gar nicht, dass da auch regex funktioniert.

Hier sind die unterstützten Möglichkeiten dokumentiert:

@document CSS at-rule - CSS | MDN

The @document CSS at-rule restricts the style rules contained within it based on the URL of the document. It is designed primarily for user-defined style…

developer.mozilla.org

Zitat von alpha-nbg

die ganzen Abrundungen zu entfernen

Dann teste doch bitte mal diesen Code:

@-moz-document regexp('.*\.pdf(?:[?#].*)?$') {

:root {
    --border-radius-xsmall: 0 !important;
    --border-radius-small: 0 !important;
    --border-radius-medium: 0 !important;
    --border-radius-large: 0 !important;
    --border-radius-xlarge: 0 !important;
    --border-radius-circle: 0 !important;
  }
}  

Denn damit sind diese Button bei hover auch eckig.

Zitat von alpha-nbg

Super, vielen Dank

Freut mich wenn ich dir damit helfen konnte, war gern geschehen