jiti-meet/css/_atlaskit_overrides.scss

59 lines
1.4 KiB
SCSS
Raw Normal View History

/**
* Move the @atlaskit/flag container up a little bit so it does not cover the
* toolbar with the first notification.
*/
2021-01-14 16:12:08 +00:00
.atlaskit-portal > #notifications-container {
bottom: calc(#{$newToolbarSizeWithPadding}) !important;
}
.modal-dialog-form {
/**
* Override @atlaskit/dropdown-menu styling when in a modal because the
* dropdown backgrounds clash with the modal backgrounds.
*/
2021-01-14 16:12:08 +00:00
.dropdown-menu div[style*="transform"] {
outline: 1px solid #455166;
}
}
/**
2021-01-14 16:12:08 +00:00
* Override @atlaskit/modal-dialog header styling
*/
2021-01-14 16:12:08 +00:00
.atlaskit-portal [role="dialog"] header {
.jitsi-icon {
cursor: pointer;
}
2021-01-14 16:12:08 +00:00
.jitsi-icon svg {
fill: #B8C7E0;
}
}
/**
* Make header close button more easily tappable on mobile.
*/
.mobile-browser .atlaskit-portal [role="dialog"] header .jitsi-icon {
display: grid;
place-items: center;
height: 48px;
width: 48px;
background: #2a3a4b;
border-radius: 3px;
}
/**
2021-01-14 16:12:08 +00:00
* Override @atlaskit/theme styling for the top toolbar so it displays over
* the video thumbnail while obscuring as little as possible.
*/
2021-01-14 16:12:08 +00:00
.videocontainer__toptoolbar > div > div {
background: none;
}
/**
* Keep overflow menu within screen vertical bounds and make it scrollable.
*/
2021-01-14 16:12:08 +00:00
.toolbox-button-wth-dialog > div:nth-child(2) {
max-height: calc(100vh - #{$newToolbarSizeWithPadding} - 46px);
overflow-y: auto;
2021-01-14 16:12:08 +00:00
}