Project

General

Profile

Actions

Feature #17570

closed

qfq-badge same as badge from bootstrap

Added by Jan Haller 3 months ago. Updated 5 days ago.

Status:
Closed
Priority:
Normal
Assignee:
Carsten Rose
Target version:
Start date:
12.01.2024
Due date:
% Done:

0%

Estimated time:
Discuss:
Prio Planung:
No
Vote:

Description

badge von Bootstrap und qfq-badge unterscheiden sich visuell:

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
};
.qfq-badge {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  margin: 2px;
  color: #ffffff;
  display: inline-block;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

qfq-badge soll visuell identisch sein mit badge. Die Schriftgrösse ist evt. zu klein.

Bei hover wird der qfq-badge abgedunkelt und der Cursor zeigt an, dass darauf geklickt werden kann. Beibehalten?

.qfq-badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

Files

Actions #1

Updated by Jan Haller 3 months ago

  • Description updated (diff)
Actions #2

Updated by Jan Haller 3 months ago

  • Status changed from New to In Progress
  • Assignee set to Jan Haller
Actions #3

Updated by Jan Haller about 2 months ago

  • Status changed from In Progress to ToDo

Kann grundsätzlich implementiert werden. CSS Regeln anpassen, damit hover-Effekt für Links bestehen bleibt.

Actions #4

Updated by Carsten Rose about 1 month ago

  • Target version changed from 385 to 24.10.0
Actions #5

Updated by Jan Haller 10 days ago

Hover-Effekt für Links innerhalb von qfq-badge und qfq-badge Innerhalb von Link:

Actions #6

Updated by Jan Haller 10 days ago

  • Status changed from ToDo to Ready to sync (develop)
  • Assignee changed from Jan Haller to Carsten Rose
Actions #9

Updated by Jan Haller 5 days ago

  • Status changed from Ready to sync (develop) to Closed
Actions

Also available in: Atom PDF