easy_menu 0.4.14 → 0.4.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/_easy_menu_mixins.scss +15 -2
- data/app/assets/stylesheets/easy_menu.css.scss +28 -12
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 5865091b943899a2c6656442bc6287895a06b330e1e36c7535145662d92971e3
|
4
|
+
data.tar.gz: a109da0848084d2b4c064abfe5a5219f6351598d313534fbf9cda844d9e8154b
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: ac51bc463ae8bf829d71eca14efc0642f86df2be21b8653a0d70a1cb0f875be6703ef89d30ce2f61b6709e4a6b69c2208684e2de968ed6b46742d60a8bb9f416
|
7
|
+
data.tar.gz: 3cf5fce8beb564f08aa4008eadb8d62e1f3be3fdb00109f5ee6397a1bf730f4a84b17eed496d499613f5103f633fe3ac3a5d3b38c3af92ca8c0c6211145ad490
|
@@ -20,7 +20,7 @@ $menu-border-width: 1px;
|
|
20
20
|
$menu-vertical-padding: 0.2em;
|
21
21
|
$menu-item-vertical-padding: 0.4em;
|
22
22
|
$menu-item-horizontal-padding: 2em;
|
23
|
-
$menu-item-disabled-text-
|
23
|
+
$menu-item-disabled-text-colour: #AAA;
|
24
24
|
// Make the button border appear even when in a group by popping the button up above its siblings
|
25
25
|
$menu-bar-item-zindex: 1;
|
26
26
|
$menu-bar-item-hover-zindex: 2;
|
@@ -79,6 +79,12 @@ $menu-bar-item-pressed-zindex: 3;
|
|
79
79
|
|
80
80
|
background-color: mix($light, $dark);
|
81
81
|
|
82
|
+
@if is-light($text-colour) {
|
83
|
+
--icon-filter: brightness(6);
|
84
|
+
} @else {
|
85
|
+
--icon-filter: brightness(1);
|
86
|
+
}
|
87
|
+
|
82
88
|
// Don't override the background if the browser doesn't support gradients otherwise the buttons will be too dark
|
83
89
|
&:not(oldbrowser){
|
84
90
|
@include gradient($light, $dark);
|
@@ -253,7 +259,7 @@ $menu-bar-item-pressed-zindex: 3;
|
|
253
259
|
@mixin menu_item_disabled{
|
254
260
|
&.disabled, &.disabled > *{
|
255
261
|
cursor: default;
|
256
|
-
color: $menu-item-disabled-text-
|
262
|
+
color: $menu-item-disabled-text-colour;
|
257
263
|
}
|
258
264
|
}
|
259
265
|
|
@@ -261,4 +267,11 @@ $menu-bar-item-pressed-zindex: 3;
|
|
261
267
|
background-image: asset_url('icons.png');
|
262
268
|
background-position: $indent -24px * ($iconNumber - 1);
|
263
269
|
background-repeat: no-repeat;
|
270
|
+
filter: var(--icon-filter);
|
271
|
+
}
|
272
|
+
|
273
|
+
@function is-light($color) {
|
274
|
+
$result: invert($color);
|
275
|
+
$lightness: lightness($result);
|
276
|
+
@return $lightness < 50;
|
264
277
|
}
|
@@ -29,21 +29,37 @@
|
|
29
29
|
.menu_bar_item{
|
30
30
|
border-radius: 0;
|
31
31
|
}
|
32
|
-
}
|
33
32
|
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
33
|
+
&:not(.right) {
|
34
|
+
&:first-child{
|
35
|
+
.menu_bar_item{
|
36
|
+
border-top-left-radius: $menu-bar-item-border-radius;
|
37
|
+
border-bottom-left-radius: $menu-bar-item-border-radius;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
&:last-child{
|
41
|
+
.menu_bar_item{
|
42
|
+
border-top-right-radius: $menu-bar-item-border-radius;
|
43
|
+
border-bottom-right-radius: $menu-bar-item-border-radius;
|
44
|
+
}
|
45
|
+
}
|
38
46
|
}
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
47
|
+
|
48
|
+
&.right{
|
49
|
+
&:first-child{
|
50
|
+
.menu_bar_item{
|
51
|
+
border-top-right-radius: $menu-bar-item-border-radius;
|
52
|
+
border-bottom-right-radius: $menu-bar-item-border-radius;
|
53
|
+
}
|
54
|
+
}
|
55
|
+
&:last-child{
|
56
|
+
.menu_bar_item{
|
57
|
+
border-top-left-radius: $menu-bar-item-border-radius;
|
58
|
+
border-bottom-left-radius: $menu-bar-item-border-radius;
|
59
|
+
}
|
60
|
+
}
|
44
61
|
}
|
45
62
|
}
|
46
|
-
|
47
63
|
}
|
48
64
|
|
49
65
|
// MENU BAR CONTENT
|
@@ -133,7 +149,7 @@
|
|
133
149
|
}
|
134
150
|
&.with_menu.no_js:hover, &.with_menu.open{
|
135
151
|
.menu_bar_item {
|
136
|
-
|
152
|
+
@include button_colour(white, white, $text-colour: $menu-bar-item-text-color, $text-shadow: none);
|
137
153
|
border-radius: 2px 2px 0 0;
|
138
154
|
@include menu-bar-item-border-colour-with-fallback;
|
139
155
|
border-bottom: none;
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: easy_menu
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.4.
|
4
|
+
version: 0.4.16
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Nicholas Jakobsen
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date:
|
12
|
+
date: 2024-03-11 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: rails
|