PDA

View Full Version : Badgetext on any button ?



Aldri
8 Jul 2010, 1:04 AM
Hello !
I found badgetexts so usefull, that i wanted to add it to buttons that are not docked, but it doesn't seem to be working right...

see in the screen attached, the top button is docked, the bottom buttons are in a div (not docked), and the badgeText is completely different... i suppose that it has something to do with inherited css, but if there is an easy way to achieve the same result, I'd really like to hear it before i find myself tweaking the css :(

Aldri
8 Jul 2010, 1:28 AM
Ok I found the hack, I added this to my own css:


span.x-badge {
overflow:visible;
-webkit-border-radius:10px;
padding:0px 5px;
z-index:30;
-webkit-box-shadow:#000 0 1px 3px;
text-shadow:rgba(0, 0, 0, 0.5) 0 -1px 0;
color:#fff;
text-align:center;
border:2px solid #fff;
position:absolute;
width:auto;
min-width:20px;
height:20px;
font-size:10px;
top:-2px;
right:0px;
max-width:40px;
font-weight:bold;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ff6666), color-stop(2%, #d60000), color-stop(50%, #db0000), color-stop(51%, #cc0000), color-stop(100%, #990000));
display:inline-block;
line-height: 1.5em;
}

Somehow it does the same thing (since it's the css code from ext-touch.css, I don't know why it isn't added by default on any badgetext :)
Probably just a small bug

TommyMaintz
13 Jul 2010, 10:09 AM
Thanks for pointing this out and finding the solution. This will be added to the css in the next release.