Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 07:32:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #488 from Stremio/fix-add-nav-menu-content-glow

Browse source 
feat: box-shadow glow to popups
This commit is contained in:
Tim 2023-12-19 12:26:16 +01:00 committed by GitHub
commit 0626c8511c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/common/NavBar/HorizontalNavBar/NavMenu/NavMenu.js
View file

@ -7,6 +7,7 @@ const { useRouteFocused } = require('stremio-router');
const Popup = require('stremio/common/Popup'); const Popup = require('stremio/common/Popup');
const useBinaryState = require('stremio/common/useBinaryState'); const useBinaryState = require('stremio/common/useBinaryState');
const NavMenuContent = require('./NavMenuContent'); const NavMenuContent = require('./NavMenuContent');
const styles = require('./styles.less');
const NavMenu = (props) => { const NavMenu = (props) => {
const routeFocused = useRouteFocused(); const routeFocused = useRouteFocused();
@ -42,6 +43,7 @@ const NavMenu = (props) => {
onCloseRequest={closeMenu} onCloseRequest={closeMenu}
renderLabel={renderLabel} renderLabel={renderLabel}
renderMenu={renderMenu} renderMenu={renderMenu}
className={styles['nav-menu-popup-label']}
/> />
); );
}; };

9
src/common/NavBar/HorizontalNavBar/NavMenu/styles.less
View file

@ -3,6 +3,15 @@
@import (reference) '~@stremio/stremio-colors/less/stremio-colors.less'; @import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
@import (reference) '~stremio/common/screen-sizes.less'; @import (reference) '~stremio/common/screen-sizes.less';
:import('~stremio/common/Popup/styles.less') {
popup-menu-container: menu-container;
}
.nav-menu-popup-label {
.popup-menu-container {
margin-top: 1rem;
}
}
.nav-menu-container { .nav-menu-container {
width: 22rem; width: 22rem;
max-height: calc(100vh - var(--horizontal-nav-bar-size)); max-height: calc(100vh - var(--horizontal-nav-bar-size));

3
src/common/Popup/styles.less
View file

@ -17,8 +17,7 @@
visibility: hidden; visibility: hidden;
border-radius: var(--border-radius); border-radius: var(--border-radius);
background-color: var(--modal-background-color); background-color: var(--modal-background-color);
box-shadow: 0 1.35rem 2.7rem @color-background-dark5-40, box-shadow: var(--outer-glow);
0 1.1rem 0.85rem @color-background-dark5-20;
cursor: auto; cursor: auto;
&.menu-direction-top-left { &.menu-direction-top-left {