scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 09:35:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Make all banners sticky

Browse source
This commit is contained in:
seotts 2021-11-10 16:31:41 -05:00
parent 7a51bded90
commit f7008f533d
3 changed files with 1 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/dropdown-banner/banner.scss
View file

@ -3,7 +3,7 @@
$navigation-height: 50px; $navigation-height: 50px;
.banner { .banner {
position: fixed; position: sticky;
top: $navigation-height; top: $navigation-height;
z-index: 9; z-index: 9;
box-shadow: 0 1px 1px $ui-dark-gray; box-shadow: 0 1px 1px $ui-dark-gray;

2
src/components/dropdown-banner/email-confirmation/banner.jsx
View file

@ -4,8 +4,6 @@ import PropTypes from 'prop-types';
import DropdownBanner from '../banner.jsx'; import DropdownBanner from '../banner.jsx';
import EmailConfirmationModal from '../../../components/modal/email-confirmation/modal.jsx'; import EmailConfirmationModal from '../../../components/modal/email-confirmation/modal.jsx';
require('./banner.scss');
const EmailConfirmationBanner = ({onRequestDismiss}) => { const EmailConfirmationBanner = ({onRequestDismiss}) => {
const [showEmailConfirmationModal, setShowEmailConfirmationModal] = useState(false); const [showEmailConfirmationModal, setShowEmailConfirmationModal] = useState(false);

3
src/components/dropdown-banner/email-confirmation/banner.scss
View file

@ -1,3 +0,0 @@
.banner {
position: sticky;
}