kjao
/
acem-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Chrome scrollbar support

Browse Source
main
Kenneth Jao 2 years ago
parent cc6ba7601c
commit 0d8227263d
4 changed files with 23 additions and 5 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      _includes/navigation.html
  2. 4
      _layouts/banner.html
  3. 2
      _layouts/post.html
  4. 20
      _sass/main.scss

2
_includes/navigation.html
Unescape View File

@ -1,6 +1,6 @@
<nav> <nav>
<div class="separator orange"></div> <div class="separator orange"></div>
<ul> <ul class="clearScroll">
<div id="logo"> <div id="logo">
<a href="/" alt="Advanced Computational Electromagnetics (ACEM) Research Group">ACEM Research</a> <a href="/" alt="Advanced Computational Electromagnetics (ACEM) Research Group">ACEM Research</a>
</div> </div>

4
_layouts/banner.html
Unescape View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html class="clearScroll" lang="en">
{% include head.html %} {% include head.html %}
<body> <body>
@ -80,7 +80,7 @@
<path d="M 0 0 V 0.2 C 1 0.5 4 0.5 5 0.2 V 0"> <path d="M 0 0 V 0.2 C 1 0.5 4 0.5 5 0.2 V 0">
</svg> </svg>
{%- endif -%} {%- endif -%}
<div class="itemScroll"> <div class="itemScroll clearScroll">
<div class="itemInner"> <div class="itemInner">
<div class="description"> <div class="description">
{{ pair[0] }} {{ pair[0] }}

2
_layouts/post.html
Unescape View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html class="clearScroll" lang="en">
{% include head.html %} {% include head.html %}
<body> <body>
{% include navigation.html %} {% include navigation.html %}

20
_sass/main.scss
Unescape View File

@ -86,6 +86,23 @@ a, a:hover, a:visited, a:active {
text-decoration: none; text-decoration: none;
} }
.clearScroll {
scrollbar-width: none;
}
.clearScroll::-webkit-scrollbar {
width: 10px;
height: 5px;
background-color: rgba(0,0,0,0.0);
}
.clearScroll::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.15);
border-radius: 50px;
}
/* Navigation */ /* Navigation */
nav { nav {
@ -112,6 +129,7 @@ nav {
justify-content: space-between; justify-content: space-between;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden;
white-space: nowrap; white-space: nowrap;
#logo { #logo {
@ -320,7 +338,7 @@ nav {
position: relative; position: relative;
.itemScroll { .itemScroll {
overflow-x: scroll; overflow-x: auto;
position: relative; position: relative;
z-index: 2; z-index: 2;

Write Preview
Loading…
Cancel
Save