projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | /**\r |
| 2 | * @class Ext.dataview.List\r | |
| 3 | */\r | |
| 4 | \r | |
| 5 | .x-list {\r | |
| 6 | .x-list-item {\r | |
| 7 | line-height: 42px;\r | |
| 8 | color: color-by-background($background-color);\r | |
| 9 | font-size: $font-size-medium;\r | |
| 10 | \r | |
| 11 | .x-dock-horizontal {\r | |
| 12 | border-top: 0;\r | |
| 13 | }\r | |
| 14 | \r | |
| 15 | &.x-item-selected {\r | |
| 16 | .x-dock-horizontal,\r | |
| 17 | &.x-list-item-tpl .x-innerhtml {\r | |
| 18 | background-color: $base-color;\r | |
| 19 | color: color-by-background($base-color);\r | |
| 20 | }\r | |
| 21 | }\r | |
| 22 | \r | |
| 23 | &.x-item-pressed {\r | |
| 24 | .x-dock-horizontal,\r | |
| 25 | &.x-list-item-tpl .x-innerhtml {\r | |
| 26 | background-color: #ccc;\r | |
| 27 | color: color-by-background($background-color);\r | |
| 28 | }\r | |
| 29 | }\r | |
| 30 | }\r | |
| 31 | \r | |
| 32 | .x-list-item-odd {\r | |
| 33 | &.x-list-item-tpl,\r | |
| 34 | .x-dock-horizontal {\r | |
| 35 | background-color: darken($base-color, 5%);\r | |
| 36 | border-bottom: 1px solid darken($base-color, 5%);\r | |
| 37 | }\r | |
| 38 | }\r | |
| 39 | \r | |
| 40 | .x-list-header {\r | |
| 41 | background-color: $background-color;\r | |
| 42 | border: 0;\r | |
| 43 | padding: 0.1em 1.02em 0.2em 0.65em;\r | |
| 44 | padding-left: 5px !important;\r | |
| 45 | font-weight: normal;\r | |
| 46 | font-size: 17pt;\r | |
| 47 | \r | |
| 48 | .x-innerhtml {\r | |
| 49 | padding: .5em 0 0 .2em;\r | |
| 50 | min-width: 44px;\r | |
| 51 | min-height: 44px;\r | |
| 52 | background-color: $base-color;\r | |
| 53 | color: $foreground-color;\r | |
| 54 | display: inline-block;\r | |
| 55 | width: auto;\r | |
| 56 | }\r | |
| 57 | }\r | |
| 58 | \r | |
| 59 | // Disclosure\r | |
| 60 | .x-list-disclosure {\r | |
| 61 | border: 0;\r | |
| 62 | background: $base-color;\r | |
| 63 | width: 29px;\r | |
| 64 | height: 29px;\r | |
| 65 | line-height: 26px;\r | |
| 66 | text-align: center;\r | |
| 67 | margin: 7px 6px 0 0;\r | |
| 68 | \r | |
| 69 | &:before {\r | |
| 70 | content: '>';\r | |
| 71 | color: color-by-background($base-color);\r | |
| 72 | }\r | |
| 73 | }\r | |
| 74 | \r | |
| 75 | .x-item-selected .x-list-disclosure {\r | |
| 76 | &:before {\r | |
| 77 | color: $base-color;\r | |
| 78 | }\r | |
| 79 | }\r | |
| 80 | } |