Dave Jarvis' Repositories

git clone https://repo.autonoma.ca/repo/delibero.git

Fixed horizontal scrolling issue for Miller Columns.

AuthorDave Jarvis <email>
Date2014-12-17 22:41:54 GMT-0800
Commitacd3a047bf6feb599d956bb6fb5b88e7224b6435
Parentc7d35ff
xml/css/tags.css
*
* ***********************************************************************/
-div.columns, div.breadcrumb {
+div.breadcrumb {
+ margin-top: 1em;
border-top-left-radius: 0.4em 0.4em;
border-top-right-radius: 0.4em 0.4em;
}
-div.columns, div.toolbar {
+div.toolbar {
+ margin-bottom: 1em;
border-bottom-left-radius: 0.4em 0.4em;
border-bottom-right-radius: 0.4em 0.4em;
}
div.columns {
- margin-top: 1em;
- margin-bottom: 1em;
- min-height: 150px;
- overflow: auto;
- background: #949494;
+ float: left;
+ width: 100%;
+ height: 200px;
+ overflow-x: auto;
+ overflow-y: hidden;
+ white-space: nowrap;
+
+ background-color: #949494;
}
div.column {
- float: left;
+ vertical-align: top;
+ overflow: hidden;
display: inline-block;
- background: #FFF;
border-right: 1px solid #666;
font-size: 0.9em;
font-family: Arial;
+ background-color: white;
+
+ white-space: normal;
}
xml/js/tags.js
}
- $li.addClass( "selection" );
-
var $breadcrumb = $("div.breadcrumb").empty();
}
- $columns.prepend( $("<div>").addClass( "breadcrumb" ) );
- $columns.append( $("<div>").addClass( "toolbar" ) );
+ // When the user clicks an item, select it.
+ $(this).find( "li" ).on( "click", function() {
+ $(this).addClass( "selection" );
+ });
+
+ $columns.before( $("<div>").addClass( "breadcrumb" ) );
+ $columns.after( $("<div>").addClass( "toolbar" ) );
// Hide all the columns except the root.
Delta24 lines added, 13 lines removed, 11-line increase