Permalink
Browse files

Implement table fix to reveal horizontal scrollbar on mobile and remo…

…ve additioanl border on desktop
  • Loading branch information...
1 parent 55483d2 commit 836fa326dfd971ca9126f63ed575392e4d254aca @kelyvin committed Dec 13, 2016
Showing with 28 additions and 6 deletions.
  1. +2 −2 assets/css/caffeine-theme.css
  2. +2 −2 assets/js/caffeine-theme.js
  3. +1 −1 assets/js/src/__init.js
  4. +23 −1 assets/scss/modules/_tables.scss
Oops, something went wrong.
Oops, something went wrong.
@@ -5,7 +5,7 @@ $(function() {
openHash = "#open";
window.CaffeineTheme = CaffeineTheme = {
- version: "2.8.1",
+ version: "2.8.2",
search: {
container: function() {
return $("#results");
@@ -1,7 +1,6 @@
table {
display: block;
font-size: 14px;
- border-top: 1px solid $gray-light;
width: 100%;
overflow: auto;
@@ -23,4 +22,27 @@ table {
th, td {
padding: 12px 18px;
}
+
+ &::-webkit-scrollbar {
+ -webkit-appearance: none;
+ }
+
+ &::-webkit-scrollbar:vertical {
+ width: 12px;
+ }
+
+ &::-webkit-scrollbar:horizontal {
+ height: 12px;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background-color: rgba(0, 0, 0, .5);
+ border-radius: 10px;
+ border: 2px solid #ffffff;
+ }
+
+ &::-webkit-scrollbar-track {
+ border-radius: 10px;
+ background-color: #ffffff;
+ }
}

0 comments on commit 836fa32

Please sign in to comment.