Welcome to the LimeSurvey Community Forum

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

Designänderung funktioniert nicht

RicCX1
Topic Author
Offline
New Member

More

4 years 4 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

Attachments:

Buttonfarben.jpg

The topic has been locked.

jelo
Offline
Platinum Member

More

4 years 4 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
Away
LimeSurvey Community Team

More

4 years 4 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
Offline
LimeSurvey Community Team

More

4 years 4 months ago #205174 by holch

Replied by holch on topic Designänderung funktioniert nicht

was passiert bei "hover:hover"?

Help us to help you!

Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
Always provide a LSS file (not LSQ or LSG).

Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.

The topic has been locked.

Joffm
Away
LimeSurvey Community Team

More

4 years 4 months ago - 4 years 4 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: 4 years 4 months ago by Joffm.

The following user(s) said Thank You: RicCX1

The topic has been locked.

RicCX1
Topic Author
Offline
New Member

More

4 years 4 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.

jelo
Offline
Platinum Member

More

4 years 4 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.