Termine suchen in Kalenderansicht

Zitat von DarkCorri53i

links zu breit. Kann man den kürzen?

Hallo,

füge in die erste Packung background-position: 5% 50% !important; ein, dann sitzt das Icon links mit etwas Platz davor

und Deine Probiererei wieder wegnehmen.

Bastler

Zitat von Bastler

füge in die erste Packung background-position: 5% 50% !important; ein

Hallo Bastler,

vielen lieben Dank für den Tipp. Das funktioniert supi. Jetzt passt das.

Gruß

Markus

dharkness21

Hallo dharkness,

mir ist noch etwas bei der Kalendersuche aufgefallen. Schau mal hier:

Der angewählte Termin in Grün hat ganz rechts ein kleines schwarzes Quadrat das nicht grün ist. Ist das so gewollt? Beim Hovern wird das Quadrat Hellblau. Bekommt man das Quadrat auch grün?

Gruß

Markus

Zitat von DarkCorri53i

Bekommt man das Quadrat auch grün?

Teste mal das ↓.

treechildren::-moz-tree-row {
    appearance: none !important;
    min-height: 19px !important;
    max-height: 19px !important;
    height: 19px !important;
    border: 1px dotted #B2B2B2 !important;
    padding: 0 !important;
    margin: 1px 1px 0 1px !important;
}
treechildren::-moz-tree-row(selected) {
    appearance: none !important;
    background-color: #5F5F68 !important;
}
treechildren::-moz-tree-row(selected) {
    appearance: none !important;
    background-color: #38383D !important;
}
treechildren::-moz-tree-row(selected, focus) {
    border: 1px solid #4CB1F9 !important;
    background-color: #006800 !important;
}
treechildren::-moz-tree-cell {
    appearance: none !important;
    min-height: 19px !important;
    max-height: 19px !important;
    height: 19px !important;
    padding: 0 2px !important;
    margin: 0 !important;
}
treechildren::-moz-tree-cell(selected, focus) {
    appearance: none !important;
    background-color: #006800 !important;
}
treechildren::-moz-tree-cell(selected, focus, hover) {
    appearance: none !important;
    background-color: #D1E2F2 !important;
}
treechildren::-moz-tree-cell-text {
    appearance: none !important;
    min-height: 19px !important;
    max-height: 19px !important;
    height: 19px !important;
    padding: 0 !important;
    margin: 0 2px !important;
}
treechildren::-moz-tree-cell-text(selected),
treechildren::-moz-tree-cell-text(selected, focus) {
    appearance: none !important;
    color: #FFF !important;
}
treechildren::-moz-tree-cell-text(hover),
treechildren::-moz-tree-cell-text(selected, hover),
treechildren::-moz-tree-cell-text(selected, focus, hover) {
    appearance: none !important;
    color: #000 !important;
}
treechildren::-moz-tree-row(hover),
treechildren::-moz-tree-row(selected, hover),
treechildren::-moz-tree-row(selected, focus, hover) {
    appearance: none !important;
    background-color: #D1E2F2 !important;
}

dharkness21

Zitat von dharkness21

Teste mal das ↓.

Jetzt ist der selectierte Termin komplett grün. supi. ( 1. Screenshot ) Nur ich möchte gerne beim Hovern über den selectierten Termin das er grün bleibt und sich nur die Schrift schwarz färbt. Du hast es jetzt so, daß beim Hovern oder anwählen des Termins Hellblau eingefärbt wird statt grün. Wenn ich das ändere sieht das folgendermaßen aus: ( 2. Screenshot )

Bekommst Du das hellblaue Quadrat auch noch grün beim Hovern?

Gruß

Markus

Zitat von DarkCorri53i

Du hast es jetzt so, daß beim Hovern oder anwählen des Termins Hellblau eingefärbt wird statt grün.

Beim Hovern soll es ja auch Hellblau sein, Grün steht für Selektiert und Fokussiert.

Zitat von DarkCorri53i

das hellblaue Quadrat auch noch grün beim Hovern?

Ist das vielleicht eine Zone der Scrolleiste, die sich grafisch einmogelt?

dharkness21

Zitat von dharkness21

Beim Hovern soll es ja auch Hellblau sein, Grün steht für Selektiert und Fokussiert.

Ich meinte wenn ich über den selektierten und fokussierten Termin hover sollte es grün bleiben und nur die Schrift schwarz werden.

Ich habe es jetzt hinbekommen das das hellblaue Quadrat beim Hovern nicht mehr da ist. War eingentlich ganz logisch dank deiner Änderung für die selektierte und fokussierte Anzeige des Termins. Vielen Dank noch einmal dafür.

Gruß

Markus

Bastler

Hallo Bastler,

ich weiß es auch nicht warum es nur bei selektiertem und fokussiertem Termin dies Problem gab. Eine Scrollbar sehe ich nicht, die das verursachen könnte.

Gruß

Markus

dharkness21

Zitat von dharkness21

Zitat von DarkCorri53i

verräts Du mir wie ich die folgenden Kalender Buttons auch passend eingefärbt bekomme?

Teste bitte mal das ↓.

CSS

#calMinimonth .minimonth-nav-section button.minimonth-nav-btn {
    background-color: #F20 !important;
    stroke: #FFF !important;
}
#calMinimonth .minimonth-nav-section button.minimonth-nav-btn:hover {
    background-color: #D1E2F2 !important;
    stroke: #000 !important;
}

Hallo dharkness,

könntest Du mir noch einmal helfen? Ich möchte gerne auch die Kalenderbuttons für die Tagesplanansicht passend einfärben. Finde aber die Bezeichnungen nicht. Guckst du hier:

Alles anzeigen

Gruß

Markus

DarkCorri53i

Kleiner Hinweis: Diese Webseite: Zitate verwenden

Zitat von DarkCorri53i

dharkness21

Zitat von dharkness21

könntest Du mir noch einmal helfen? Ich möchte gerne auch die Kalenderbuttons für die Tagesplanansicht passend einfärben. Finde aber die Bezeichnungen nicht.

Kopiere Deine vorhandenen Einträge und ersetze dann #calMinimonth durch #today-minimonth.

dharkness21

Zitat von dharkness21

Kopiere Deine vorhandenen Einträge und ersetze dann #calMinimonth durch #today-minimonth

Hallo dharkness,

ich habe die Einträge folgendermaßen geändert. Leider keine Reaktion!

/* ---Kalender Buttons Tagesplan anpassen--- */
#today-minimonth .minimonth-nav-section button.minimonth-nav-btn {
   border: 1px solid #B2B2B2 !important;
   background-color: #905B46 !important;
   stroke: #FFF !important;

}

#today-minimonth .minimonth-nav-section button.minimonth-nav-btn:hover {
   border: 1px solid #0082FC !important;
   background-color: #D1E2F2 !important;
   stroke: #000 !important;

}

#today-minimonth .minimonth-month-name,
#today-minimonth .minimonth-year-name {
   font-family: Comic Sans MS !important;
   font-style: italic !important;
   border: 1px solid #B2B2B2 !important;
   background-color: #EEE8AA !important;
   color: #000 !important;

}

#today-minimonth .minimonth-month-name:hover,
#today-minimonth .minimonth-year-name:hover {
   font-family: Comic Sans MS !important;
   font-style: italic !important;
   font-weight: bold !important;
   border: 1px solid #0082FC !important;
   background-color: #D1E2F2 !important;
   color: #F08080 !important;

}

Gruß

Markus

Zitat von DarkCorri53i

#today-minimonth .minimonth-month-name,

#today-minimonth .minimonth-year-name {

font-family: Comic Sans MS !important;

font-style: italic !important;

border: 1px solid #B2B2B2 !important;

background-color: #EEE8AA !important;

color: #000 !important;

}

Alles anzeigen

Hm, verstehe ich nicht. Mal als Beispiel, das ↑ sieht doch nicht wirklich anders aus als das ↓, nur das ich sogar #today-minimonth und #calMinimonth zusammengefasst habe.

#today-minimonth .minimonth-month-name,
#today-minimonth .minimonth-year-name,
#calMinimonth .minimonth-month-name,
#calMinimonth .minimonth-year-name {
    min-height: 18px !important;
    max-height: 18px !important;
    background-color: #EEE8AA !important;
    color: #000 !important;
    margin: 0 1px !important;
}

dharkness21

Zitat von dharkness21

Hm, verstehe ich nicht. Mal als Beispiel, das ↑ sieht doch nicht wirklich anders aus als das ↓, nur das ich sogar #today-minimonth und #calMinimonth zusammengefasst habe

Ich habe es mit deinem Beispiel mit der Zusammenfassung probiert, sogar eine neue userChrome.css nur mit dem Eintrag benutzt. Immer das selbe Resultat. Kalender in der Kalenderansicht wird gefärbt, Kalender im Tagesplan nicht. Hast du noch eine Idee?

Gruß

Markus

Zitat von DarkCorri53i

Hast du noch eine Idee?

Irgendwie nicht so wirklich, teste doch bitte mal meine komplette Lightning-Anpassung, erstelle z.B. eine CSS Namens lightning.css, lege sie ins Profil, füge das * ein und binde sie mittels dieses → @import url( lightning.css ); Eintrags, er muss ganz oben eingefügt werden, über die userChrome.css ein.

*

lightning.zip

dharkness21

Zitat von dharkness21

teste doch bitte mal meine komplette Lightning-Anpassung

Ich habe deine Anpassung ( entpackt und in Ordner Chrome kopiert ), genau wie von Dir beschrieben ( @import url( lightning.css; )in eine leere userChrome.css eingefügt. Alles außer dem Kalender im Tagesplan wird gefärbt. Sehr schöne Anpassungen! So ein Mist! Könnte es vielleicht am neuesten Update liegen (115.4.3)? Was mir auch aufgefallen ist am Kalender des Tagesplans ist kein Text wenn man auf das Symbol Heute oder auf die Buttons hovert zu sehen. Beim Kalender der Kalenderansicht sieht man Text beim hover.

Gruß

Markus

Zitat von DarkCorri53i

Kalender in der Kalenderansicht wird gefärbt, Kalender im Tagesplan nicht.

Hallo,

folgendes ist nicht der Ausbund an Farbgebung, soll auch nur beispielhaft sein.

Mit den Bezeichnern spreche ich beide Minikalender gleichermaßen an.

.button.minimonth-nav-btn.today-button {
    appearance: none !important;
    background-color: lightblue !important;
    color: #000 !important;
}
.minimonth-nav-section {
    appearance: none !important;
    background-color: lightgreen !important;
    color: #000 !important;
}
.minimonth-month-name,
.yearcell.minimonth-year-name {
    appearance: none !important;
    background-color: yellow !important;
    color: #000 !important;
}
.button.minimonth-nav-btn[dir="-1"],
.button.minimonth-nav-btn[dir="1"] {
    appearance: none !important;
    background-color: coral !important;
    color: #000 !important;
}

Zitat von DarkCorri53i

Alles außer dem Kalender im Tagesplan wird gefärbt. Sehr schöne Anpassungen! So ein Mist! Könnte es vielleicht am neuesten Update liegen (115.4.3)?

Du meinst doch diesen ↓ Teil des Hauptfensters, sprich rechts den Tagesplan, oder?

Bastler

Zitat von Bastler

Mit den Bezeichnern spreche ich beide Minikalender gleichermaßen an.

Hallo Bastler,

Vielen Dank Dir für den entscheidenden Tipp. Jetzt ist auch der Kalender im Tagesplan eingefärbt. Supi!

Gruß

Markus

dharkness21

Zitat von dharkness21

Du meinst doch diesen ↓ Teil des Hauptfensters, sprich rechts den Tagesplan, oder?

Hallo dharkness,

ja genau diesen meinte ich. Vielen Dank auch Dir für deine Unterstützung und deine Lightning.css . Jetzt funktioniert es dank Bastlers Tipp.

Gruß

Markus

Zitat von DarkCorri53i

für deine Unterstützung und deine Lightning.css

Die von dharkness21 hätte voll genügt.

Ich habe den entspr. Ausschnitt zu Minikalender versuchsweise gefahren und beide Minikalender werden ebenfalls angesprochen.