Browse files

prevent overflows from changing grid width

expanding preset descriptions or categories would
change they grid height, showing the scrollbar and shifting
everything left.
  • Loading branch information...
1 parent c326ee0 commit fe719cc210a5698a8f4d66165ff35ee8f39701e8 @ansis ansis committed Mar 21, 2013
Showing with 8 additions and 2 deletions.
  1. +8 −2 css/app.css
View
10 css/app.css
@@ -593,7 +593,7 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;}
}
.inspector-body {
- overflow-y: auto;
+ overflow-y: scroll;
overflow-x: hidden;
min-height: 330px;
position: absolute;
@@ -603,6 +603,10 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;}
top: 60px;
}
+.inspector-body::-webkit-scrollbar {
+ background: #fff;
+}
+
.inspector-inner {
padding: 20px;
position: relative;
@@ -683,9 +687,10 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;}
.preset-grid {
width:100%;
margin-top: 60px;
- padding: 20px 10px 10px 20px;
+ padding: 20px 0px 10px 20px;
border-bottom: 1px solid #ccc;
}
+
.grid-button-wrap {
padding: 0 10px 10px 0;
height: 120px;
@@ -813,6 +818,7 @@ a.selected:hover .toggle.icon { background-position: -40px -180px;}
.subgrid .preset-grid {
background: #eee;
+ padding: 10px 0px 0px 10px;
margin-top: 0px;
border: 0;
border-radius: 4px;

0 comments on commit fe719cc

Please sign in to comment.