Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Designänderung funktioniert nicht

  • RicCX1
  • RicCX1's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 years 6 months ago #205139 by RicCX1
Designänderung funktioniert nicht was created by RicCX1
Hallo,

folgendes Problem: Unser Kunde wollte Buttons und Fortschrittsbalken gerne in seinem grün haben.
Hab ich recht schnell hingekriegt. Auch, dass die Buttons beim drüberfahren etwas dunkler werden.
Aber beim draufklicken werden sie immer noch blau.
So wie ich die verschiedenen Beiträge zu css verstehe, müsste das der Befehl :active sein.

So habe ich es programmiert
.btn-info{background-color: #6eb900; border-color: #6eb900}
.btn-info:hover{background-color: #5e9e00; border-color: #5e9e00}
.btn-info:active{background-color: #5e9e00; border-color: #5e9e00}

Und so wie auf dem Bild sieht es aus.

Ich hoffe, es kann mir jemand helfen.

Danke.
Ricarda
The topic has been locked.
More
3 years 6 months ago #205143 by jelo
Replied by jelo on topic Designänderung funktioniert nicht

RicCX1 wrote: Aber beim draufklicken werden sie immer noch blau.


Gibt bei Bootstrap ja noch ein paar weitere Zustände. Was bedeutet draufklicken? Maustaste gedrückt halten? Oder nach dem Loslassen? Ich vermute mal Focus ist noch nicht auf die Farbe umstellt. Aber ich bin nicht oft in den Untiefen von CSS und Bootstrap unterwegs.

!important kann vielleicht wegfallen, aber stellt höchste Priorität sicher.
Code:
.btn-info {
  background-color: Green !important;
  border-color: Green !important;
}
.btn-info:hover,
.btn-info:active,
.btn-info:visited,
.btn-info:focus {
  background-color: DarkGreen !important;
  border-color: DarkGreen !important;
}

Allgemein ist es sinnvoll die verwendete LimeSurvey Version und das verwendete Theme zu nennen.

The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 6 months ago #205157 by Joffm
Replied by Joffm on topic Designänderung funktioniert nicht
Es gibt noch ein paar Zustände mehr:

.button-info.active
.button-info.active:hover
.button-info:hover:hover

Am besten, die bootstrap.css einmal nach "button" durchforsten; dort sind ja die default-Farben, woran man dann gut erkennen kann, welcher Zustand dies ist.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 6 months ago #205174 by holch
Replied by holch on topic Designänderung funktioniert nicht
was passiert bei "hover:hover"?

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 6 months ago - 3 years 6 months ago #205176 by Joffm
Replied by Joffm on topic Designänderung funktioniert nicht
Ich habe nicht die geringste Ahnung.
Dies stammt aus dem Theme "TFR-Retro" von Tammo.
Code:
.btn-primary {
  border-color: #3d1100;
  background-color: #702000;
}
 
.btn-primary.active, .btn-primary:hover {
  background-color: #3d1100;
  border-color: #3d1100;
}
 
.btn-primary.active:hover, .btn-primary:hover:hover {
  background-color: #3d1100;
  border-color: #3d1100;
}

Und diese Klassen haben wir in "skelvanilla" von Denis.
.btn-primary:focus
.btn-primary.focus
.btn-primary:hover
.btn-primary:active
.btn-primary:active:hover
.btn-primary:active:focus
.btn-primary:active.focus

.btn-primary.active
.btn-primary.active:hover
.btn-primary.active:focus
.btn-primary.active.focus

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 3 years 6 months ago by Joffm.
The following user(s) said Thank You: RicCX1
The topic has been locked.
  • RicCX1
  • RicCX1's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
3 years 6 months ago #205204 by RicCX1
Replied by RicCX1 on topic Designänderung funktioniert nicht
Danke euch.:-)

mit ".btn-info:active:hover" funktioniert es jetzt.

Ich bin gerade erst dabei, das mit den css-Befehlen zu lernen.
Das hat bis Mai ein Kollege von mir gemacht.
Wenn er etwas schon mal gemacht hat, z.B. zoomen von eingebundenen Bildern oder irgendetwas ausblenden, dann kann ich mir das aus alten Vorlagen erschließen, aber das mit den Buttons hatte er auch noch nicht gemacht.

Zum Glück gibt es dieses Forum und ein paar Leute, ganz besonder Joffm, die eigentlich immer eine gute Antwort haben.
The topic has been locked.
More
3 years 6 months ago #205206 by jelo
Replied by jelo on topic Designänderung funktioniert nicht

Joffm wrote: Ich habe nicht die geringste Ahnung.
Dies stammt aus dem Theme "TFR-Retro" von Tammo.

Code:
.btn-primary:hover:hover

Die Wiederholung von hover ist schon ungewöhnlich.

Könnte ein Trick sein. Vielleicht hilft die Wiederholung bei Hover z.B. zur Vermeidung von Problemen bei Touchscreens. Als Tippfehler würde es aber auch nicht weiter auffallen. Punkt und Doppelpunkt sind ja schnell mal anders gesetzt.

Eine Erklärung wäre schon interessant.

The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
The topic has been locked.
Moderators: Joffm

Lime-years ahead

Online-surveys for every purse and purpose