Button overflow contained to max 100% + outcommented instructions on how button styling can be increased for Webkit & IE9

Last changes & comments
This commit is contained in:
Anselm Christophersen 2012-02-08 21:41:20 +01:00
parent 448c5fd7b9
commit 0fd8482be6
2 changed files with 14 additions and 0 deletions

View File

@ -570,6 +570,7 @@ li.class-ErrorPage > a .jstree-pageicon { background-position: 0 -112px; }
.ModelAdmin .cms-content-tools #SearchForm_holder div.tab h3 { margin-top: 16px; margin-bottom: 10px; border-bottom: 1px solid rgba(201, 205, 206, 0.8); -webkit-box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); -moz-box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); -o-box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); box-shadow: 0 1px 0 rgba(228, 230, 230, 0.8); }
.ModelAdmin .cms-content-tools #SearchForm_holder div.tab form input { margin: 0px; }
.ModelAdmin .cms-content-tools #SearchForm_holder div.tab form .field { border-bottom: 0px; margin-bottom: 6px; }
.ModelAdmin .cms-content-tools #SearchForm_holder div.tab form .Actions { max-width: 100%; overflow: hidden; }
.ModelAdmin .cms-content-tools #SearchForm_holder div.tab form .Actions button.ss-ui-action-minor { display: none; }
.SecurityAdmin .cms-edit-form .cms-content-header h2 { display: none; }

View File

@ -53,10 +53,23 @@
margin-bottom:6px;
}
.Actions {
max-width:100%;
overflow:hidden;
button.ss-ui-action-minor {
//removing the "clear search" button
display:none;
}
input.action {
//experimenting with text-overlow:ellipsis on action buttons
//currently disabled as this ignores padding-left on the buttons in Firefox
//and makes the text appear in front of the icon in Firefox 10
//See a screenshot here: http://db.tt/iBi39rRt
//white-space: nowrap;
//overflow: hidden;
//text-overflow:ellipsis;
//max-width:100%;
}
}
}
}