a more aesthetic scratch 3.0 navbar that sticks to the top of the screen.
better scratch 3.0 navbar by sabra55
Details
Authorsabra55
LicenseNo License
Categoryscratch.mit.edu
Created
Updated
Size951 B
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
the navbar does not support light mode and requires you to either use an extension or userstyle to add a dark background to the page. using this navbar with light mode enabled will result in the text being unreadable.
Source code
/* ==UserStyle==
@name better scratch 3.0 navbar
@namespace scratch.mit.edu
@version 1.0.1
@description a better navbar for scratch 3.0 pages
@author sabra55
==/UserStyle== */
@-moz-document domain("scratch.mit.edu") {
/*scratch 3.0 pages*/
#navigation, .dropdown, .dropdown.with-arrow::before, .user-projects-modal .user-projects-modal-title, .transfer-host-modal .transfer-host-title {
backdrop-filter: blur(2px);
background-color: rgba(255, 255, 255, .21);
position: sticky;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}
/*scratch 2.0 pages*/
#navigation, #topnav {
position: sticky;
}
#topnav .innerwrap, #topnav ul.account-nav .logged-in-user .dropdown-menu, #topnav ul.account-nav .sign-in .popover {
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
background-color: rgba(255, 255, 255, .21);
backdrop-filter: blur(2px);
}
}