Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-29 17:26:38 +01:00
Code Issues Packages Projects Releases Activity

fix(react/floating_buttons): style differences from original

Browse Source
This commit is contained in:
Elian Doran
2025-08-28 19:12:26 +03:00
parent 04de87722b
commit e4900ce87b
4 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/stylesheets/theme-next/shell.css
View File

@@ -1375,7 +1375,7 @@ div.floating-buttons-children .floating-button:active {
} }
/* The first visible floating button */ /* The first visible floating button */
div.floating-buttons-children > *:nth-child(1 of .visible) { div.floating-buttons-children > *:first-child {
--border-radius: var(--border-radius-size) 0 0 var(--border-radius-size); --border-radius: var(--border-radius-size) 0 0 var(--border-radius-size);
border-radius: var(--border-radius); border-radius: var(--border-radius);
} }

2
apps/client/src/widgets/FloatingButtons.css
View File

@@ -81,7 +81,7 @@
border: 1px solid transparent; border: 1px solid transparent;
color: var(--button-text-color); color: var(--button-text-color);
padding: 6px; padding: 6px;
border-radius: 100px; border-radius: 100px !important;
} }
.show-floating-buttons-button:hover { .show-floating-buttons-button:hover {

2
apps/client/src/widgets/FloatingButtons.tsx
View File

@@ -100,6 +100,7 @@ function ShowFloatingButton({ setVisible }: { setVisible(visible: boolean): void
icon="bx bx-chevrons-left" icon="bx bx-chevrons-left"
text={t("show_floating_buttons_button.button_title")} text={t("show_floating_buttons_button.button_title")}
onClick={() => setVisible(true)} onClick={() => setVisible(true)}
noIconActionClass
/> />
</div> </div>
); );
@@ -113,6 +114,7 @@ function CloseFloatingButton({ setVisible }: { setVisible(visible: boolean): voi
icon="bx bx-chevrons-right" icon="bx bx-chevrons-right"
text={t("hide_floating_buttons_button.button_title")} text={t("hide_floating_buttons_button.button_title")}
onClick={() => setVisible(false)} onClick={() => setVisible(false)}
noIconActionClass
/> />
</div> </div>
); );

2
apps/client/src/widgets/react/ActionButton.tsx
View File

@@ -31,7 +31,7 @@ export default function ActionButton({ text, icon, className, onClick, triggerCo
return <button return <button
ref={buttonRef} ref={buttonRef}
class={`${className ?? ""} ${!noIconActionClass ? "icon-action" : ""} ${icon}`} class={`${className ?? ""} ${!noIconActionClass ? "icon-action" : "btn"} ${icon}`}
onClick={onClick} onClick={onClick}
data-trigger-command={triggerCommand} data-trigger-command={triggerCommand}
/>; />;