mirror of
https://github.com/suitenumerique/meet.git
synced 2026-08-09 10:19:26 +00:00
lebaudantoine
54e47e33a9
Robin chose to adopt Material Design icons, inspired by NVasse’s commit on Fichier. This sets up the required CSS to easily use Material Icons throughout the application. Eventually, all icons in the app will be replaced with Material ones. For now, the setup is only used in the recording UI refactor.
45 lines
828 B
CSS
45 lines
828 B
CSS
@import './livekit.css';
|
|
@import './icons.css';
|
|
@layer reset, base, tokens, recipes, utilities;
|
|
html,
|
|
body,
|
|
#root {
|
|
height: 100%;
|
|
}
|
|
|
|
* {
|
|
outline: 2px solid transparent;
|
|
}
|
|
|
|
[data-rac][data-focus-visible]:not(label, .react-aria-Select),
|
|
:is(a, button, input[type='text'], select, textarea):not(
|
|
[data-rac]
|
|
):focus-visible {
|
|
outline: 2px solid var(--colors-focus-ring);
|
|
outline-offset: 1px;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
* {
|
|
animation: none !important;
|
|
transition: none !important;
|
|
}
|
|
}
|
|
|
|
body:has(.lk-video-conference) #crisp-chatbox-button {
|
|
display: none !important;
|
|
}
|
|
|
|
body:has(.lk-video-conference) #crisp-chatbox > * > div[role='button'] {
|
|
display: none !important;
|
|
}
|
|
|
|
@keyframes slide-full {
|
|
from {
|
|
transform: translateY(100%);
|
|
}
|
|
to {
|
|
transform: translateY(0);
|
|
}
|
|
}
|