From 86d375af41e1f46bc9fa1faf1f7c316fab7a7b71 Mon Sep 17 00:00:00 2001 From: Lionel Han <47760119+IGoByJoe@users.noreply.github.com> Date: Mon, 1 Jun 2020 21:31:59 -0700 Subject: update ink label --- src/mobile/MobileMenu.scss | 43 +++++++++++++++++++++++++++++++------------ 1 file changed, 31 insertions(+), 12 deletions(-) (limited to 'src/mobile/MobileMenu.scss') diff --git a/src/mobile/MobileMenu.scss b/src/mobile/MobileMenu.scss index 5042415a0..7f286efc4 100644 --- a/src/mobile/MobileMenu.scss +++ b/src/mobile/MobileMenu.scss @@ -80,16 +80,16 @@ body { .navbar .toggle-btn.active span:nth-child(3) { top: 50%; } -.navbar .home { - position: absolute; - top: -135px; - right: 80px; - font-size: 40; - user-select: none; - text-transform: uppercase; - font-family: Arial, Helvetica, sans-serif; - z-index: 200; -} +// .navbar .home { +// position: relative; +// right: 5px; +// transform: translate(50%, -50%); +// font-size: 40; +// user-select: none; +// text-transform: uppercase; +// font-family: Arial, Helvetica, sans-serif; +// z-index: 200; +// } .sidebar { position: absolute; @@ -102,8 +102,9 @@ body { background-color: whitesmoke; transition: all 400ms ease 50ms; padding: 20px; - overflow-y: auto; - -webkit-overflow-scrolling: touch; + // overflow-y: auto; + // -webkit-overflow-scrolling: touch; + // border-right: 5px solid black; } @@ -118,6 +119,24 @@ body { font-size: 35px; text-transform: uppercase; color: black; + +} + +.sidebar .ink { + width: 100%; + padding: 13px 12px; + border-bottom: 1px solid rgba(200, 200, 200, 0.7); + font-family: Arial, Helvetica, sans-serif; + font-style: normal; + font-weight: normal; + user-select: none; + font-size: 35px; + text-transform: uppercase; + color: black; +} + +.sidebar .ink:focus { + outline: 1px solid blue; } .sidebar .home { -- cgit v1.2.3-70-g09d2