QFQ

Bug #17570

Updated by Jan Haller 6 months ago

_badge_ von Bootstrap und _qfq-badge_ unterscheiden sich visuell: 
 !clipboard-202401121125-4odn3.png! 

 <pre><code class="css"> 
 .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; 
 } 
 </code></pre> 

 _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? 

 <pre><code class="css"> 
 .qfq-badge:hover { 
   color: #ffffff; 
   text-decoration: none; 
   cursor: pointer; 
 } 
 </code></pre> 

Back