Adds scroll styling, where possible. Fixes numberinput button on Chrome.

This commit is contained in:
Mateus Machado Luna 2019-06-26 11:08:32 -03:00
parent 9eaf1a25bd
commit 6cd9b4ef28
2 changed files with 19 additions and 4 deletions

View File

@ -70,7 +70,7 @@
border: 1px solid $gray2; border: 1px solid $gray2;
background-color: $gray1 !important; background-color: $gray1 !important;
color: $secondary !important; color: $secondary !important;
padding: 0.75rem !important; padding: 0 0.6rem !important;
border-radius: 0 !important; border-radius: 0 !important;
.mdi::before { .mdi::before {

View File

@ -31,12 +31,12 @@
@import "../scss/_iframe_read_mode_overrides.scss"; @import "../scss/_iframe_read_mode_overrides.scss";
// Clears wordpress content // Clears wordpress content
body.tainacan-admin-page #adminmenumain, body.tainacan-admin-page #wpfooter, body.tainacan-admin-page #wp-auth-check-wrap {
display: none;
}
html { html {
overflow-y: hidden; overflow-y: hidden;
} }
body.tainacan-admin-page #adminmenumain, body.tainacan-admin-page #wpfooter, body.tainacan-admin-page #wp-auth-check-wrap {
display: none;
}
#tainacan-admin-app { #tainacan-admin-app {
background: #ffffff; background: #ffffff;
position: fixed; position: fixed;
@ -51,6 +51,21 @@ html {
font-family: $family-sans-serif; font-family: $family-sans-serif;
} }
// Scrollbars
#tainacan-admin-app * {
// For Firefox
scrollbar-color: $gray3 transparent;
scrollbar-width: thin;
// For Chromium and related
&::-webkit-scrollbar {
width: 0.4rem;
}
&::-webkit-scrollbar-thumb {
background-color: $gray3;
}
}
// Tainacan Loading // Tainacan Loading
.tainacan-icon { .tainacan-icon {
opacity: 0; // Will make it 1 once window.load is done; opacity: 0; // Will make it 1 once window.load is done;