hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-12-22 19:11:33 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

TSK-1019, TSK-1026. Replacing colors (#2880)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2023-04-04 05:47:32 +03:00 committed by GitHub
parent 955ba6ef64
commit 15c082e62f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/text-editor/src/components/CollaboratorEditor.svelte
View File

@ -471,7 +471,7 @@
{#if visible} {#if visible}
<div class="ref-container" class:autoOverflow> <div class="ref-container" class:autoOverflow>
{#if isFormatting && !readonly} {#if isFormatting && !readonly}
<div class="formatPanelRef formatPanel flex-between clear-mins" class:focused> <div class="formatPanelRef formatPanel flex-between clear-mins">
<div class="flex-row-center buttons-group xsmall-gap"> <div class="flex-row-center buttons-group xsmall-gap">
<StyleButton <StyleButton
icon={Header} icon={Header}
@ -743,10 +743,9 @@
border-radius: 0.5rem; border-radius: 0.5rem;
box-shadow: var(--button-shadow); box-shadow: var(--button-shadow);
z-index: 1; z-index: 1;
}
&.focused { .ref-container:focus-within .formatPanel {
position: sticky; position: sticky;
top: 1.25rem; top: 1.25rem;
}
} }
</style> </style>

4
packages/text-editor/src/components/ReferenceInput.svelte
View File

@ -376,7 +376,7 @@
.formatPanelRef { .formatPanelRef {
padding: 0.5rem; padding: 0.5rem;
background-color: var(--body-accent); background-color: var(--body-color);
border: 1px solid var(--divider-color); border: 1px solid var(--divider-color);
border-radius: 0.5rem 0.5rem 0 0; border-radius: 0.5rem 0.5rem 0 0;
border-bottom: 0; border-bottom: 0;
@ -395,7 +395,7 @@
align-items: flex-end; align-items: flex-end;
min-height: 2.75rem; min-height: 2.75rem;
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
background-color: var(--accent-bg-color); background-color: var(--body-accent);
border: 1px solid var(--divider-color); border: 1px solid var(--divider-color);
border-radius: 0.5rem; border-radius: 0.5rem;

2
packages/theme/styles/_colors.scss
View File

@ -135,7 +135,7 @@
/* Light Theme */ /* Light Theme */
.theme-light { .theme-light {
--body-color: #fff; --body-color: #fff;
--body-accent: #eee; // HZ --body-accent: #fafafa; // HZ
--board-bg-color: #f4f5f8; --board-bg-color: #f4f5f8;
--board-card-bg-color: #fff; --board-card-bg-color: #fff;
--board-card-bg-hover: rgb(252, 252, 252); --board-card-bg-hover: rgb(252, 252, 252);

4
packages/theme/styles/global.scss
View File

@ -126,3 +126,7 @@ body {
overflow: hidden; overflow: hidden;
touch-action: none; touch-action: none;
} }
// TSK-1026. Experiment, don't forget to delete.
.theme-dark .p-activity .msgactivity-content.comment .msgactivity-content__title.labels-row > .bold,
.theme-dark .p-activity .msgactivity-content.comment .activity-content.content .p-inline { color: rgba(255, 255, 255, .8); }

13
packages/ui/src/components/Button.svelte
View File

@ -303,9 +303,16 @@
} }
} }
} }
&.transparent:hover, &.transparent {
&.transparent.selected { &:hover {
background-color: var(--button-bg-hover); background-color: var(--highlight-hover);
}
&.selected {
background-color: var(--highlight-select);
}
&.selected:hover {
background-color: var(--highlight-select-hover);
}
} }
&.link { &.link {
padding: 0 0.875rem; padding: 0 0.875rem;

2
plugins/tracker-resources/src/components/issues/edit/CreateSubIssue.svelte
View File

@ -285,7 +285,7 @@
<style lang="scss"> <style lang="scss">
.root { .root {
padding: 0.75rem; padding: 0.75rem;
background-color: var(--accent-bg-color); background-color: var(--body-accent);
border: 1px solid var(--button-border-color); border: 1px solid var(--button-border-color);
border-radius: 0.5rem; border-radius: 0.5rem;
overflow: hidden; overflow: hidden;