31222e1236
* feat(preferences): show inline extensions in extensions pane * wip * wip * refactor: convert ComponentView to React component * refactor: convert ComponentView to React component * chore: fix merge conflicts * feat: don't show features whose `area` is "room", update modal items' icons in Preferences menu * chore: fix TS error * feat: don't show 2FA Manager in modal-based component * feat: remove `ExtendedDataReloadComplete` event, since Extensions Manger is being removed from the app * chore: avoid hardcoded values in svg image, optimize `if` condition * chore: remove remnant comment * fix: fix typescript errors Co-authored-by: vardanhakobyan <vardan_live@live.com>
52 lines
851 B
SCSS
52 lines
851 B
SCSS
.preferences-menu-item {
|
|
@extend .border-box;
|
|
@extend .w-auto;
|
|
@extend .h-auto;
|
|
@extend .rounded;
|
|
@extend .min-w-42;
|
|
|
|
@extend .py-2;
|
|
@extend .px-4;
|
|
|
|
@extend .flex;
|
|
@extend .flex-row;
|
|
@extend .items-center;
|
|
@extend .justify-start;
|
|
|
|
@extend .text-sm;
|
|
@extend .cursor-pointer;
|
|
|
|
@extend .border-transparent;
|
|
@extend .border-solid;
|
|
@extend .border-1;
|
|
|
|
.icon {
|
|
color: var(--sn-stylekit-grey-1);
|
|
@extend .text-base;
|
|
}
|
|
|
|
&:hover {
|
|
@extend .border-gray-300;
|
|
@extend .border-solid;
|
|
@extend .border-1;
|
|
@extend .bg-default;
|
|
}
|
|
}
|
|
|
|
.preferences-menu-item.selected {
|
|
@extend .border-info;
|
|
@extend .color-info;
|
|
@extend .font-bold;
|
|
|
|
background-color: var(--sn-stylekit-info-backdrop-color);
|
|
|
|
.icon {
|
|
@extend .color-info;
|
|
}
|
|
}
|
|
|
|
.preferences-extension-pane {
|
|
iframe {
|
|
height: 60vh;
|
|
}
|
|
} |