🐛(widgets) fix the show more apps button label

- Fixed the logic for the "show more" button text to correctly reflect
the current state.
- Updated button color for better visibility and adjusted styles by
removing the minimum width constraint.
This commit is contained in:
Nathan Panchout
2025-11-26 11:00:59 +01:00
parent 86392eb40b
commit f1cafd2267
3 changed files with 4 additions and 5 deletions

View File

@@ -273,7 +273,7 @@ listenEvent(widgetName, "init", null, false, async (args: GaufreWidgetArgs) => {
moreServicesGrid.classList.toggle("hidden"); moreServicesGrid.classList.toggle("hidden");
showMoreChevron.classList.toggle("opened"); showMoreChevron.classList.toggle("opened");
const isOpened = showMoreChevron.classList.contains("opened"); const isOpened = showMoreChevron.classList.contains("opened");
showMoreText.textContent = !isOpened ? viewLessLabel : viewMoreLabel; showMoreText.textContent = isOpened ? viewLessLabel : viewMoreLabel;
}; };
showMoreBtn.addEventListener("click", () => { showMoreBtn.addEventListener("click", () => {

View File

@@ -184,7 +184,7 @@
#show-more-button { #show-more-button {
background: none; background: none;
color: #64748b; color: #626A80;
border: none; border: none;
border-radius: 6px; border-radius: 6px;
padding: 8px 16px; padding: 8px 16px;
@@ -192,7 +192,6 @@
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
min-width: 100px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

File diff suppressed because one or more lines are too long