Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

DM-358 - added documine theme for helpers

Browse Source
This commit is contained in:
Valentin Mihai 2023-09-07 23:15:22 +03:00
parent da0e057721
commit c83eb568db
3 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/assets/styles/common-help-mode.scss
View File

@ -7,8 +7,11 @@
.help-highlight,
.help-mode:hover {
background: rgba(92, 229, 148, 0.5);
//background: rgba(253,189,0, 0.5);
box-shadow: 0 0 0 2px var(--iqser-helpmode-primary) inset;
//box-shadow: 0 0 0 2px var(--iqser-yellow-2) inset;
cursor: help;
&.documine-theme {
background: rgba(253,189,0, 0.5);
box-shadow: 0 0 0 2px var(--iqser-yellow-2) inset;
}
}

6
src/lib/help-mode/help-mode.service.ts
View File

@ -5,6 +5,7 @@ import { BehaviorSubject, firstValueFrom } from 'rxjs';
import { HelpModeDialogComponent } from './help-mode-dialog/help-mode-dialog.component';
import { HELP_MODE_KEYS, MANUAL_BASE_URL } from './tokens';
import {
DOCUMINE_THEME_CLASS,
HELP_HIGHLIGHT_CLASS,
HELP_MODE_CLASS,
OVERLAPPING_DROPDOWNS_IDS,
@ -16,6 +17,7 @@ import {
ScrollableParentViews,
WEB_VIEWER_ELEMENTS,
} from './utils/constants';
import { getConfig } from '../services';
export interface Helper {
readonly element: HTMLElement;
@ -42,6 +44,7 @@ export class HelpModeService {
readonly #helpModeDialogIsOpened$ = new BehaviorSubject(false);
readonly helpModeDialogIsOpened$ = this.#helpModeDialogIsOpened$.asObservable();
readonly #renderer: Renderer2;
readonly #isDocumine = getConfig().IS_DOCUMINE;
#helpers: Record<string, Helper> = {};
#dialogMode = false;
@ -137,6 +140,9 @@ export class HelpModeService {
this.#renderer.setAttribute(helperElement, 'href', this.generateDocsLink(key));
this.#renderer.setAttribute(helperElement, 'target', '_blank');
this.#renderer.addClass(helperElement, HELP_MODE_CLASS);
if (this.#isDocumine) {
this.#renderer.addClass(helperElement, DOCUMINE_THEME_CLASS);
}
return helperElement;
}

1
src/lib/help-mode/utils/constants.ts
View File

@ -37,4 +37,5 @@ export const OverlappingElements = {
export type OverlappingElement = keyof typeof OverlappingElements;
export const HELP_MODE_CLASS = 'help-mode';
export const DOCUMINE_THEME_CLASS = 'documine-theme';
export const HELP_HIGHLIGHT_CLASS = 'help-highlight';