CSS tweaks (#34)

* fix text-overflow on side menu * Rename to usage * scrollbar fix
cloudposse · May 11, 2018 · e453330 · e453330
1 parent b7caf0c
commit e453330
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/content/geodesic/module/usage/_index.md b/content/geodesic/module/usage/_index.md
@@ -1,5 +1,5 @@
 ---
-title: "Use"
+title: "Usage"
 excerpt: ""
 ---
 # Prerequisites

diff --git a/static/css/custom.css b/static/css/custom.css
@@ -229,6 +229,13 @@ article > aside .menu .dd-item li {
   text-overflow: ellipsis;
 }
 
+aside#left-sidebar .menu .dd-item > div a {
+  width: 100%;
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 aside#left-sidebar .menu .dd-item.active > div * {
   font-weight: bold;
   border-bottom: 0;
@@ -649,9 +656,14 @@ div.calendly-badge-widget {
   float: left;
   width: 30%;
   height: 200px;
-  overflow: scroll;
+  overflow-y: hidden;
   margin-right: 35px;
 }
+
+.homepage > .category:hover, .homepage > .category:active, .homepage > .category:focus {
+  overflow-y: auto;
+}
+
 .homepage ul {
   display: block;
   list-style: none;