]> git.proxmox.com Git - extjs.git/blame - extjs/classic/theme-neutral/sass/src/grid/locking/Lockable.scss
add extjs 6.0.1 sources
[extjs.git] / extjs / classic / theme-neutral / sass / src / grid / locking / Lockable.scss
CommitLineData
6527f429
DM
1.#{$prefix}grid-locked .#{$prefix}grid-inner-locked {\r
2 border-width: 0 $grid-lockable-separator-border-width 0 0;\r
3 border-style: $grid-lockable-separator-border-style;\r
4}\r
5@if $include-rtl {\r
6 .#{$prefix}grid-locked .#{$prefix}rtl.#{$prefix}grid-inner-locked {\r
7 border-width: 0 0 0 $grid-lockable-separator-border-width;\r
8 }\r
9}\r
10\r
11// When the locking grid is configured with a splitter, the locked grid needs a border on its trailing edge\r
12.#{$prefix}grid-locked-split .#{$prefix}grid-inner-normal {\r
13 border-width: 0 0 0 $grid-lockable-separator-border-width;\r
14 border-style: $grid-lockable-separator-border-style;\r
15 border-left-color: $grid-lockable-separator-border-color;\r
16}\r
17@if $include-rtl {\r
18 .#{$prefix}grid-locked-split .#{$prefix}rtl.#{$prefix}grid-inner-normal {\r
19 border-width: 0 $grid-lockable-separator-border-width 0 0;\r
20 }\r
21}\r
22\r
23.#{$prefix}grid-locking-body {\r
24 border-width: $grid-lockable-body-border-width;\r
25}\r
26\r
27.#{$prefix}grid-inner-locked {\r
28 // Inner locked grid has a 1px border. Last cell looks bad with an extra grey one.\r
29 // The rules must be last because they override default header and cell bordering.\r
30 // Must use the border-right property because we have to override the .x-column-header border-right setting.\r
31 // Override last border width\r
32 .#{$prefix}column-header-last,\r
33 .#{$prefix}grid-cell-last {\r
34 border-right-width: 0!important;\r
35 }\r
36 @if $include-rtl {\r
37 .#{$prefix}rtl.#{$prefix}column-header-last {\r
38 border-left-width: 0!important;\r
39 }\r
40 }\r
41\r
42 // Explicitly set separating border color so that themes can override if the panel border color does not contrast enough\r
43 border-right-color: $grid-lockable-separator-border-color;\r
44}\r
45@if $include-rtl {\r
46 .#{$prefix}rtl.#{$prefix}grid-inner-locked {\r
47 .#{$prefix}grid-row {\r
48 .#{$prefix}column-header-last {\r
49 border-left: 0 none;\r
50 }\r
51 .#{$prefix}grid-cell-last {\r
52 border-left: 0 none;\r
53 }\r
54 }\r
55\r
56 // Override separating border side for RTL\r
57 border-right-color: $panel-border-color;\r
58 border-left-color: $grid-lockable-separator-border-color;\r
59 }\r
60}\r
61\r
62.#{$prefix}hmenu-lock {\r
63 @if $enable-font-icons and ($grid-lockable-header-menu-lock-glyph != null) {\r
64 @include font-icon($grid-lockable-header-menu-lock-glyph, $line-height: $menu-item-icon-size);\r
65 @if $grid-header-menu-glyph-color != $menu-glyph-color {\r
66 color: $grid-header-menu-glyph-color;\r
67 }\r
68 } @else {\r
69 background-image: theme-background-image('grid/hmenu-lock');\r
70 }\r
71}\r
72\r
73.#{$prefix}hmenu-unlock {\r
74 @if $enable-font-icons and ($grid-lockable-header-menu-unlock-glyph != null) {\r
75 @include font-icon($grid-lockable-header-menu-unlock-glyph, $line-height: $menu-item-icon-size);\r
76 @if $grid-header-menu-glyph-color != $menu-glyph-color {\r
77 color: $grid-header-menu-glyph-color;\r
78 }\r
79 } @else {\r
80 background-image: theme-background-image('grid/hmenu-unlock');\r
81 }\r
82}\r