starlight-sidebar-topics-dropdown 0.5.2 → 0.5.4
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.
- package/CHANGELOG.md +12 -0
- package/components/TopicsDropdown.astro +13 -8
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# starlight-sidebar-topics-dropdown
|
|
2
2
|
|
|
3
|
+
## 0.5.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#80](https://github.com/trueberryless-org/starlight-sidebar-topics-dropdown/pull/80) [`c497245`](https://github.com/trueberryless-org/starlight-sidebar-topics-dropdown/commit/c497245d963d5c4f2e0a1e458860f2ffad836eaf) Thanks [@VisualEhrmanntraut](https://github.com/VisualEhrmanntraut)! - Fixed bug introduced by AI hallucination while trying to add RTL layout support
|
|
8
|
+
|
|
9
|
+
## 0.5.3
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#78](https://github.com/trueberryless-org/starlight-sidebar-topics-dropdown/pull/78) [`6dd38a5`](https://github.com/trueberryless-org/starlight-sidebar-topics-dropdown/commit/6dd38a566f187f32353eb519a7f0b09b17d84cc5) Thanks [@trueberryless](https://github.com/trueberryless)! - Add support for RTL languages by fixing the CSS styles.
|
|
14
|
+
|
|
3
15
|
## 0.5.2
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -106,6 +106,11 @@ const currentTopic = topics.find((topic) => topic.isCurrent);
|
|
|
106
106
|
padding: 0.3rem 0.5rem;
|
|
107
107
|
cursor: pointer;
|
|
108
108
|
width: 100%;
|
|
109
|
+
--starlight-sidebar-topics-dropdown-gradient-direction: to right;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
:global(html[dir="rtl"]) .starlight-sidebar-topics-dropdown-button {
|
|
113
|
+
--starlight-sidebar-topics-dropdown-gradient-direction: to left;
|
|
109
114
|
}
|
|
110
115
|
|
|
111
116
|
.starlight-sidebar-topics-dropdown-button::before {
|
|
@@ -122,7 +127,7 @@ const currentTopic = topics.find((topic) => topic.isCurrent);
|
|
|
122
127
|
)::before {
|
|
123
128
|
content: "";
|
|
124
129
|
background-image: linear-gradient(
|
|
125
|
-
|
|
130
|
+
var(--starlight-sidebar-topics-dropdown-gradient-direction),
|
|
126
131
|
var(--sl-color-text-accent) calc(1.4rem + 16px + 2px),
|
|
127
132
|
var(--sl-color-gray-5) 0
|
|
128
133
|
);
|
|
@@ -132,7 +137,7 @@ const currentTopic = topics.find((topic) => topic.isCurrent);
|
|
|
132
137
|
.starlight-sidebar-topics-dropdown-button-icon
|
|
133
138
|
) {
|
|
134
139
|
background: linear-gradient(
|
|
135
|
-
|
|
140
|
+
var(--starlight-sidebar-topics-dropdown-gradient-direction),
|
|
136
141
|
var(--sl-color-text-accent) calc(1.4rem + 16px),
|
|
137
142
|
var(--sl-color-gray-6) 0
|
|
138
143
|
);
|
|
@@ -150,7 +155,7 @@ const currentTopic = topics.find((topic) => topic.isCurrent);
|
|
|
150
155
|
|
|
151
156
|
.starlight-sidebar-topics-dropdown-button-label {
|
|
152
157
|
font-weight: 600;
|
|
153
|
-
margin-
|
|
158
|
+
margin-inline-end: 0.5rem;
|
|
154
159
|
overflow: hidden;
|
|
155
160
|
text-overflow: ellipsis;
|
|
156
161
|
white-space: nowrap;
|
|
@@ -161,12 +166,12 @@ const currentTopic = topics.find((topic) => topic.isCurrent);
|
|
|
161
166
|
)
|
|
162
167
|
.starlight-sidebar-topics-dropdown-button-label {
|
|
163
168
|
font-weight: 600;
|
|
164
|
-
margin-
|
|
169
|
+
margin-inline-start: 1rem;
|
|
165
170
|
}
|
|
166
171
|
|
|
167
172
|
.starlight-sidebar-topics-dropdown-label {
|
|
168
173
|
font-weight: 600;
|
|
169
|
-
margin-
|
|
174
|
+
margin-inline-end: 0.5rem;
|
|
170
175
|
overflow: hidden;
|
|
171
176
|
text-overflow: ellipsis;
|
|
172
177
|
white-space: nowrap;
|
|
@@ -176,11 +181,11 @@ const currentTopic = topics.find((topic) => topic.isCurrent);
|
|
|
176
181
|
.starlight-sidebar-topics-dropdown-icon
|
|
177
182
|
)
|
|
178
183
|
.starlight-sidebar-topics-dropdown-label {
|
|
179
|
-
margin-
|
|
184
|
+
margin-inline-start: 0.5rem;
|
|
180
185
|
}
|
|
181
186
|
|
|
182
187
|
.starlight-sidebar-topics-dropdown-button > svg {
|
|
183
|
-
margin-
|
|
188
|
+
margin-inline-start: auto;
|
|
184
189
|
font-size: 1rem;
|
|
185
190
|
color: var(--sl-color-white);
|
|
186
191
|
}
|
|
@@ -242,7 +247,7 @@ const currentTopic = topics.find((topic) => topic.isCurrent);
|
|
|
242
247
|
}
|
|
243
248
|
|
|
244
249
|
.starlight-sidebar-topics-dropdown-badge {
|
|
245
|
-
margin-
|
|
250
|
+
margin-inline-start: 0.25rem;
|
|
246
251
|
overflow: hidden;
|
|
247
252
|
text-overflow: ellipsis;
|
|
248
253
|
white-space: nowrap;
|