wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-06-01 21:31:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix sidebar borders (#6752)

Browse Source 
Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
This commit is contained in:
Kristina 2024-09-27 11:24:54 +04:00 committed by GitHub
parent 28dbc1bae5
commit 14e6a85301
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/theme/styles/components.scss
View File

@ -23,6 +23,9 @@
min-width: 0; min-width: 0;
border: 1px solid var(--theme-divider-color); // var(--global-surface-02-BorderColor); border: 1px solid var(--theme-divider-color); // var(--global-surface-02-BorderColor);
border-radius: var(--small-focus-BorderRadius); border-radius: var(--small-focus-BorderRadius);
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-right: 0;
&:not(.modal) { &:not(.modal) {
background-color: var(--theme-panel-color); // var(--global-surface-02-BackgroundColor); background-color: var(--theme-panel-color); // var(--global-surface-02-BackgroundColor);

2
plugins/workbench-resources/src/components/Workbench.svelte
View File

@ -910,6 +910,8 @@
inset: 0; inset: 0;
border: 1px solid var(--theme-divider-color); border: 1px solid var(--theme-divider-color);
border-radius: var(--medium-BorderRadius); border-radius: var(--medium-BorderRadius);
border-bottom-right-radius: 0;
border-top-right-radius: 0;
pointer-events: none; pointer-events: none;
} }
.antiPanel-application { .antiPanel-application {

3
plugins/workbench-resources/src/components/sidebar/SidebarExpanded.svelte
View File

@ -165,10 +165,7 @@
width: calc(100% - 3.5rem); width: calc(100% - 3.5rem);
height: 100%; height: 100%;
background: var(--theme-panel-color); background: var(--theme-panel-color);
border-right: 1px solid var(--global-ui-BorderColor); border-right: 1px solid var(--global-ui-BorderColor);
border-top-left-radius: var(--small-focus-BorderRadius);
border-bottom-left-radius: var(--small-focus-BorderRadius);
} }
.component { .component {

2
plugins/workbench-resources/src/components/sidebar/SidebarMini.svelte
View File

@ -23,4 +23,4 @@
export let selected: Ref<Widget> | undefined = undefined export let selected: Ref<Widget> | undefined = undefined
</script> </script>
<WidgetsBar {widgets} {preferences} {selected} roundBorder /> <WidgetsBar {widgets} {preferences} {selected} />

7
plugins/workbench-resources/src/components/sidebar/widgets/WidgetsBar.svelte
View File

@ -24,7 +24,6 @@
export let widgets: Widget[] = [] export let widgets: Widget[] = []
export let preferences: WidgetPreference[] = [] export let preferences: WidgetPreference[] = []
export let selected: Ref<Widget> | undefined = undefined export let selected: Ref<Widget> | undefined = undefined
export let roundBorder = false
function handleAddWidget (): void { function handleAddWidget (): void {
showPopup(AddWidgetsPopup, { widgets }) showPopup(AddWidgetsPopup, { widgets })
@ -49,7 +48,7 @@
.filter((widget): widget is Widget => widget !== undefined && widget.type === WidgetType.Configurable) .filter((widget): widget is Widget => widget !== undefined && widget.type === WidgetType.Configurable)
</script> </script>
<div class="root" class:roundBorder> <div class="root">
<div class="block"> <div class="block">
{#each fixedWidgets as widget} {#each fixedWidgets as widget}
<WidgetPresenter <WidgetPresenter
@ -104,10 +103,6 @@
max-width: 3.5rem; max-width: 3.5rem;
border-top: 1px solid var(--theme-divider-color); border-top: 1px solid var(--theme-divider-color);
overflow-y: auto; overflow-y: auto;
&.roundBorder {
border-top-left-radius: var(--small-focus-BorderRadius);
}
} }
.block { .block {