Version not found. Please check the version and try again.
avo 4.0.23 → 4.0.25
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/Gemfile.lock +1 -1
- data/app/assets/builds/avo/application.css +93 -0
- data/app/assets/builds/avo/application.js +1 -1
- data/app/assets/builds/avo/application.js.map +3 -3
- data/app/assets/builds/avo/avo.custom.js +6 -0
- data/app/assets/builds/avo/avo.custom.js.map +7 -0
- data/app/assets/stylesheets/css/components/ui/dropdown.css +83 -0
- data/app/assets/stylesheets/css/components/ui/panel.css +8 -0
- data/app/components/avo/index/resource_controls_component.rb +6 -2
- data/app/components/avo/keyboard_shortcuts_component.rb +11 -1
- data/app/components/avo/u_i/dropdown_component.html.erb +18 -0
- data/app/components/avo/u_i/dropdown_component.rb +11 -0
- data/app/controllers/avo/associations_controller.rb +70 -12
- data/app/javascript/js/controllers/popover_menu_controller.js +51 -11
- data/lib/avo/version.rb +1 -1
- metadata +3 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c9af230951e4e3e672c18aab3e12a7ce14bc7e5f8923960fa00e3749de11b3ac
|
|
4
|
+
data.tar.gz: 0e880b044eb331bac8b975aa5f6d8c9c426290a7792d1fbc2e9e4d9fd4e33360
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 4c0f04c32828259ac8209ebb26251d716f3b0ffb0b9ff6c10665a7ca7a89482fd1373b0674589fa56b87292c992c2ed4aef9df5aa5ca2c1d2ad321ebdab97e9a
|
|
7
|
+
data.tar.gz: 620e026722f24a47b8421fa20e9306f7015168c3f695bf5e2e41aef8d3587118c4b58ac0ea87c37dc68b4457a38e100fe9043103cea5902af9baaadbb53329f4
|
data/Gemfile.lock
CHANGED
|
@@ -6167,6 +6167,9 @@ tag.tagify__tag {
|
|
|
6167
6167
|
.panel__card, .panel__body {
|
|
6168
6168
|
width: 100%;
|
|
6169
6169
|
}
|
|
6170
|
+
.panel__body > .card + .card {
|
|
6171
|
+
margin-top: calc(var(--spacing) * 4);
|
|
6172
|
+
}
|
|
6170
6173
|
.panel__body[data-content-focus] {
|
|
6171
6174
|
--tw-outline-style: none;
|
|
6172
6175
|
outline-style: none;
|
|
@@ -7092,6 +7095,50 @@ tag.tagify__tag {
|
|
|
7092
7095
|
align-self: stretch;
|
|
7093
7096
|
padding-inline: var(--spacing);
|
|
7094
7097
|
}
|
|
7098
|
+
.dropdown-menu__search {
|
|
7099
|
+
align-self: stretch;
|
|
7100
|
+
border-bottom-style: var(--tw-border-style);
|
|
7101
|
+
border-bottom-width: 1px;
|
|
7102
|
+
border-color: var(--color-tertiary);
|
|
7103
|
+
--input-icon-offset: calc(var(--spacing) * 3);
|
|
7104
|
+
--input-icon-size: calc(var(--spacing) * 4);
|
|
7105
|
+
--input-icon-gap: calc(var(--spacing) * 1.5);
|
|
7106
|
+
min-inline-size: 14rem;
|
|
7107
|
+
}
|
|
7108
|
+
.dropdown-menu__search .search-input__input {
|
|
7109
|
+
height: calc(var(--spacing) * 9);
|
|
7110
|
+
width: 100%;
|
|
7111
|
+
border-radius: 0;
|
|
7112
|
+
--tw-border-style: none;
|
|
7113
|
+
border-style: none;
|
|
7114
|
+
background-color: transparent;
|
|
7115
|
+
font-size: var(--text-sm);
|
|
7116
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
7117
|
+
color: var(--color-content);
|
|
7118
|
+
}
|
|
7119
|
+
.dropdown-menu__search .search-input__input::placeholder {
|
|
7120
|
+
color: var(--color-content-secondary);
|
|
7121
|
+
}
|
|
7122
|
+
.dropdown-menu__search .search-input__input:focus-visible {
|
|
7123
|
+
outline: none;
|
|
7124
|
+
}
|
|
7125
|
+
@media (forced-colors: active) {
|
|
7126
|
+
.dropdown-menu__search .search-input__input:focus-visible {
|
|
7127
|
+
outline: 2px solid Highlight;
|
|
7128
|
+
outline-offset: -2px;
|
|
7129
|
+
}
|
|
7130
|
+
}
|
|
7131
|
+
.dropdown-menu__search-empty {
|
|
7132
|
+
margin: 0px;
|
|
7133
|
+
padding-block: calc(var(--spacing) * 2);
|
|
7134
|
+
font-size: var(--text-sm);
|
|
7135
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
7136
|
+
color: var(--color-content-secondary);
|
|
7137
|
+
padding-inline: calc(calc(var(--spacing) * 3) + calc(var(--spacing) * 4) + calc(var(--spacing) * 1.5)) calc(var(--spacing) * 3);
|
|
7138
|
+
}
|
|
7139
|
+
.dropdown-menu__list :is(a, button)[hidden] {
|
|
7140
|
+
display: none;
|
|
7141
|
+
}
|
|
7095
7142
|
.dropdown-menu__item, .dropdown-menu__list a:not(.dropdown-card *), .dropdown-menu__list button:not(.dropdown-card *) {
|
|
7096
7143
|
display: flex;
|
|
7097
7144
|
min-height: calc(var(--spacing) * 8);
|
|
@@ -7150,6 +7197,52 @@ tag.tagify__tag {
|
|
|
7150
7197
|
background-color: var(--color-primary);
|
|
7151
7198
|
outline-offset: var(--focus-outline-offset-inset);
|
|
7152
7199
|
}
|
|
7200
|
+
.dropdown-menu__footer {
|
|
7201
|
+
display: flex;
|
|
7202
|
+
flex-direction: column;
|
|
7203
|
+
align-self: stretch;
|
|
7204
|
+
border-top-style: var(--tw-border-style);
|
|
7205
|
+
border-top-width: 1px;
|
|
7206
|
+
border-color: var(--color-tertiary);
|
|
7207
|
+
padding: var(--spacing);
|
|
7208
|
+
}
|
|
7209
|
+
.dropdown-menu__footer :is(a, button) {
|
|
7210
|
+
display: flex;
|
|
7211
|
+
min-height: calc(var(--spacing) * 8);
|
|
7212
|
+
width: 100%;
|
|
7213
|
+
cursor: pointer;
|
|
7214
|
+
align-items: center;
|
|
7215
|
+
justify-content: flex-start;
|
|
7216
|
+
gap: calc(var(--spacing) * 1.5);
|
|
7217
|
+
border-radius: var(--radius-md);
|
|
7218
|
+
--tw-border-style: none;
|
|
7219
|
+
border-style: none;
|
|
7220
|
+
background-color: transparent;
|
|
7221
|
+
padding-inline: calc(var(--spacing) * 2);
|
|
7222
|
+
padding-block: calc(var(--spacing) * 1.5);
|
|
7223
|
+
font-size: var(--text-sm);
|
|
7224
|
+
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
7225
|
+
--tw-leading: calc(var(--spacing) * 5);
|
|
7226
|
+
line-height: calc(var(--spacing) * 5);
|
|
7227
|
+
--tw-font-weight: var(--font-weight-normal);
|
|
7228
|
+
font-weight: var(--font-weight-normal);
|
|
7229
|
+
white-space: nowrap;
|
|
7230
|
+
color: var(--color-content-secondary);
|
|
7231
|
+
&:hover {
|
|
7232
|
+
background-color: var(--color-secondary);
|
|
7233
|
+
color: var(--color-content);
|
|
7234
|
+
}
|
|
7235
|
+
&:focus-visible {
|
|
7236
|
+
background-color: var(--color-primary);
|
|
7237
|
+
outline-offset: var(--focus-outline-offset-inset);
|
|
7238
|
+
}
|
|
7239
|
+
svg {
|
|
7240
|
+
width: calc(var(--spacing) * 4);
|
|
7241
|
+
height: calc(var(--spacing) * 4);
|
|
7242
|
+
flex-shrink: 0;
|
|
7243
|
+
color: inherit;
|
|
7244
|
+
}
|
|
7245
|
+
}
|
|
7153
7246
|
.dropdown-menu__icon, .dropdown-menu__list > :is(a, button) svg {
|
|
7154
7247
|
width: calc(var(--spacing) * 4);
|
|
7155
7248
|
height: calc(var(--spacing) * 4);
|