From ea5b36a597dad2488b2204f6396c2f3d530cdf25 Mon Sep 17 00:00:00 2001 From: taehoon Date: Tue, 27 Aug 2019 12:17:10 -0400 Subject: refactor toggling body visibility using class --- src/App.scss | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'src/App.scss') diff --git a/src/App.scss b/src/App.scss index fac800bc..2e20fb57 100644 --- a/src/App.scss +++ b/src/App.scss @@ -49,6 +49,10 @@ body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + + &.hidden { + display: none; + } } a { -- cgit v1.2.3-70-g09d2 From 794481d76c6e5e73ca2a575485daa6f890d2ff61 Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Fri, 13 Sep 2019 20:16:05 +0300 Subject: fix italics not being selectable --- src/App.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src/App.scss') diff --git a/src/App.scss b/src/App.scss index 2e20fb57..ea7b54e8 100644 --- a/src/App.scss +++ b/src/App.scss @@ -16,7 +16,7 @@ background-position: 0 50%; } -i { +i[class^='icon-'] { user-select: none; } -- cgit v1.2.3-70-g09d2 From ae70439447d029e5f9e2fcd558dc198bff47c89b Mon Sep 17 00:00:00 2001 From: taehoon Date: Fri, 19 Jul 2019 12:39:18 -0400 Subject: setting display: initial makes trouble, instead, toggle display: none using classname --- index.html | 2 +- src/App.scss | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) (limited to 'src/App.scss') diff --git a/index.html b/index.html index a8681c8b..fd4e795e 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ - +
diff --git a/src/App.scss b/src/App.scss index ea7b54e8..1f0b2619 100644 --- a/src/App.scss +++ b/src/App.scss @@ -38,6 +38,10 @@ h4 { text-align: center; } +.hidden { + display: none; +} + body { font-family: sans-serif; font-family: var(--interfaceFont, sans-serif); -- cgit v1.2.3-70-g09d2 From 92be5a68776633b166323108dd34216eaae20753 Mon Sep 17 00:00:00 2001 From: taehoon Date: Fri, 19 Jul 2019 12:50:21 -0400 Subject: Reserve scrollbar gap when body scroll is locked --- src/App.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'src/App.scss') diff --git a/src/App.scss b/src/App.scss index 1f0b2619..3914cec2 100644 --- a/src/App.scss +++ b/src/App.scss @@ -10,7 +10,8 @@ position: fixed; z-index: -1; height: 100%; - width: 100%; + left: 0; + right: -20px; background-size: cover; background-repeat: no-repeat; background-position: 0 50%; @@ -351,6 +352,7 @@ i[class*=icon-] { align-items: center; position: fixed; height: 50px; + box-sizing: border-box; .logo { display: flex; -- cgit v1.2.3-70-g09d2 From 37ae0fd92c2d392cda56912707e6c52faec54334 Mon Sep 17 00:00:00 2001 From: taehoon Date: Thu, 5 Sep 2019 12:22:56 -0400 Subject: fix logo moving bug when lightbox is open --- src/App.scss | 1 + src/App.vue | 24 ++++++++++++------------ 2 files changed, 13 insertions(+), 12 deletions(-) (limited to 'src/App.scss') diff --git a/src/App.scss b/src/App.scss index 3914cec2..a8850961 100644 --- a/src/App.scss +++ b/src/App.scss @@ -392,6 +392,7 @@ i[class*=icon-] { } .inner-nav { + position: relative; margin: auto; box-sizing: border-box; padding-left: 10px; diff --git a/src/App.vue b/src/App.vue index d7453549..eb571a17 100644 --- a/src/App.vue +++ b/src/App.vue @@ -15,20 +15,20 @@ class="nav-bar container" @click="scrollToTop()" > -