source: Dev/trunk/src/client/qed-client/css/widgets/BlockButton.less @ 529

Last change on this file since 529 was 529, checked in by hendrikvanantwerpen, 11 years ago
  • Added grey icons for better highlighting, synced block and large buttons.
  • Introduced extra color for text, now disabled/inactive/hovered -> it's not very clear though.
  • Added confirmation on irrevertable actions.
  • Added support for query string in our new request implementation.
File size: 1.3 KB
Line 
1#rft.claro .rftBlockButton {
2       
3    .flatShading;
4    .noMargin;
5    height: @button_block_height;
6    vertical-align: top;
7    color: @inactivetext;
8
9    &.dijitDisabled {
10        color: @disabledtext;
11    }
12
13    &.dijitHover {
14        color: @text;
15    }
16
17    .dijitButtonContents {
18        height: 24px;
19    }
20
21    .dijitButtonNode {
22        .flatShading;
23        .transition (0.3s);
24        line-height: @button_block_height;
25        vertical-align: top;
26        height: @button_block_height;
27        padding: 0 @std_offset;
28        border: none;
29        font-size: @button_block_font_size;
30
31        .dijitButtonText {
32            line-height: @button_block_height;
33        }
34
35        .rftIcon {
36            .setIcon(16px, grey);
37        }
38    }
39
40    &.rftBlockButtonHover,
41    &.rftBlockButtonActive {
42        .transition (0.1s);
43        .rftIcon {
44            vertical-align: top;
45            .setIcon(16px, white);
46        }
47    }
48
49    //Disabled because this is presumably useless
50    // &.blue {
51    //     .blockButtonColorMixin ("blue");
52    // }
53    // &.green {
54    //     .blockButtonColorMixin ("green");
55    // }
56    // &.orange {
57    //     .blockButtonColorMixin ("orange");
58    // }
59    // &.red {
60    //     .blockButtonColorMixin ("red");
61    // }
62    // &.purple {
63    //     .blockButtonColorMixin ("purple");
64    // }
65
66}
Note: See TracBrowser for help on using the repository browser.