From fe62183cd914a7834c6d6a94d487e2e13e212251 Mon Sep 17 00:00:00 2001 From: Zaran Date: Sun, 15 Apr 2012 05:54:46 -0700 Subject: CSS improvements, first steps on angular * disable the connect form when connected * add a disconnect button when connected * add a research field to filter the contact list (not working) Thinks I want to understand: * how to share a variable between several scopes * could StropheSrv be an attribute of the connect scope ? if yes, we can call it directly and avoid wrapping it (this is the third level of wrapping around libStrophe...) --- alias-angular/app/css/less/badges.less | 36 ++++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 alias-angular/app/css/less/badges.less (limited to 'alias-angular/app/css/less/badges.less') diff --git a/alias-angular/app/css/less/badges.less b/alias-angular/app/css/less/badges.less new file mode 100644 index 0000000..273479b --- /dev/null +++ b/alias-angular/app/css/less/badges.less @@ -0,0 +1,36 @@ +// BADGES +// ------ + +// Base +.badge { + padding: 1px 9px 2px; + font-size: @baseFontSize * .925; + font-weight: bold; + white-space: nowrap; + color: @white; + background-color: @grayLight; + .border-radius(9px); +} + +// Hover state +.badge:hover { + color: @white; + text-decoration: none; + cursor: pointer; +} + +// Colors +.badge-error { background-color: @errorText; } +.badge-error:hover { background-color: darken(@errorText, 10%); } + +.badge-warning { background-color: @orange; } +.badge-warning:hover { background-color: darken(@orange, 10%); } + +.badge-success { background-color: @successText; } +.badge-success:hover { background-color: darken(@successText, 10%); } + +.badge-info { background-color: @infoText; } +.badge-info:hover { background-color: darken(@infoText, 10%); } + +.badge-inverse { background-color: @grayDark; } +.badge-inverse:hover { background-color: darken(@grayDark, 10%); } \ No newline at end of file -- cgit v1.2.3-70-g09d2