Skip to content

F
flask-admin
Commit a774fac4 authored by Paul Brown's avatar Paul Brown
Browse files
Options

remove unnecessary CSS

parent 4f23d506
Hide whitespace changes
Inline Side-by-side
Showing with 56 additions and 212 deletions
flask_admin/static/admin/css/bootstrap2/admin.css
View file @ a774fac4
/* Global styles */ /* List View - fix trash icon inside table column */
body .model-list form.icon {
{
padding-top: 4px;
}
/* Form customizations */
form.icon {
display: inline; display: inline;
} }
form.icon button { .model-list form.icon button {
border: none; border: none;
background: transparent; background: transparent;
text-decoration: none; text-decoration: none;
...@@ -17,21 +11,36 @@ form.icon button { ...@@ -17,21 +11,36 @@ form.icon button {
line-height: normal; line-height: normal;
} }
a.icon { /* List View - link icons - prevent underline */
.model-list a.icon {
text-decoration: none; text-decoration: none;
} }
/* Model search form */ /* List View - fix checkbox column width */
form.search-form { .list-checkbox-column {
margin: 4px 0 0 0; width: 14px;
}
/* List View - fix gap between actions and table */
.model-list {
position: relative;
margin-top: -1px;
z-index: 999;
}
.actions-nav {
margin-bottom: 0;
margin-left: 4px;
margin-right: 4px;
} }
form.search-form .clear i { #filter_form {
margin: 2px 0 0 0; margin-bottom: 0;
} }
form.search-form div input { /* List View Search Form - fix gap between form and table */
margin: 0; .actions-nav form.search-form {
margin: -1px 0 0 0;
} }
/* Filters */ /* Filters */
...@@ -40,62 +49,24 @@ table.filters { ...@@ -40,62 +49,24 @@ table.filters {
border-spacing: 4px; border-spacing: 4px;
} }
/* prevents gap between table and actions while there are no filters set */
table.filters:not(:empty) { table.filters:not(:empty) {
margin: 12px 0px 20px 0px; margin: 12px 0px 20px 0px;
} }
/* spacing between filter X button, operation, and value field */
/* uses tables instead of form classes for bootstrap2-3 compatibility */
table.filters tr td { table.filters tr td {
padding-right: 5px; padding-right: 5px;
padding-bottom: 3px; padding-bottom: 3px;
} }
.filters input /* match filter operation drop-down height with bootstrap input */
{
margin-bottom: 0;
}
.filters a.remove-filter {
margin-bottom: 0;
display: block;
text-align: left;
}
.filters .remove-filter
{
vertical-align: middle;
}
.filters .remove-filter .close-icon
{
font-size: 16px;
}
.filters .remove-filter .close-icon:hover
{
color: black;
opacity: 0.4;
}
.filters .filter-op > a { .filters .filter-op > a {
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
} }
/* Inline forms */
.inline-field {
padding-bottom: 0.5em;
}
.inline-field-control {
float: right;
}
.inline-field .inline-form-field {
border-left: 1px solid #eeeeee;
padding-left: 8px;
margin-bottom: 4px;
}
/* Image thumbnails */ /* Image thumbnails */
.image-thumbnail img { .image-thumbnail img {
max-width: 100px; max-width: 100px;
...@@ -109,32 +80,7 @@ table.filters tr td { ...@@ -109,32 +80,7 @@ table.filters tr td {
margin-left: 4px; margin-left: 4px;
} }
/* add spacing between labels and form fields */
.admin-form .controls { .admin-form .controls {
margin-left: 110px; margin-left: 110px;
}
/* Patch Select2 */
.select2-results li {
min-height: 24px !important;
}
.list-checkbox-column {
width: 14px;
}
/* Fix gap between actions and table */
.model-list {
position: relative;
margin-top: -1px;
z-index: 999;
}
.actions-nav {
margin-bottom: 0;
margin-left: 4px;
margin-right: 4px;
}
#filter_form {
margin-bottom: 0;
} }
\ No newline at end of file
flask_admin/static/admin/css/bootstrap3/admin.css
View file @ a774fac4
/* Global styles */ /* List View - fix trash icon inside table column */
body .model-list form.icon {
{
padding-top: 4px;
}
/* Form customizations */
form.icon {
display: inline; display: inline;
} }
form.icon button { .model-list form.icon button {
border: none; border: none;
background: transparent; background: transparent;
text-decoration: none; text-decoration: none;
...@@ -17,29 +11,28 @@ form.icon button { ...@@ -17,29 +11,28 @@ form.icon button {
line-height: normal; line-height: normal;
} }
/* fix delete icon color */ /* List View - prevent link icons from differing from trash icon */
a.icon, button span.glyphicon { a.icon {
text-decoration: none; text-decoration: none;
margin-left: 10px; margin-left: 10px;
color: #333; color: initial;
}
/* Model search form */
form.navbar-form {
margin: 1px 0 0 0;
} }
form.navbar-form a.clear span { /* List View - fix checkbox column width */
margin-top: 8px; .list-checkbox-column {
margin-left: -20px; width: 14px;
} }
form.navbar-form div.input-append { /* List View - fix overlapping border between actions and table */
display: inline-flex; .model-list {
position: relative;
margin-top: -1px;
z-index: 999;
} }
form.search-form div input { /* List View Search Form - fix gap between form and table */
margin: 0; .actions-nav form.navbar-form {
margin: 1px 0 0 0;
} }
/* Filters */ /* Filters */
...@@ -48,39 +41,19 @@ table.filters { ...@@ -48,39 +41,19 @@ table.filters {
border-spacing: 4px; border-spacing: 4px;
} }
/* prevents gap between table and actions while there are no filters set */
table.filters:not(:empty) { table.filters:not(:empty) {
margin: 12px 0px 20px 0px; margin: 12px 0px 20px 0px;
} }
/* spacing between filter X button, operation, and value field */
/* uses tables instead of form classes for bootstrap2-3 compatibility */
table.filters tr td { table.filters tr td {
padding-right: 5px; padding-right: 5px;
padding-bottom: 3px; padding-bottom: 3px;
} }
.filters a.remove-filter { /* Filters - Select2 Boxes */
margin-bottom: 0;
display: block;
text-align: left;
text-decoration: none;
}
.filters .remove-filter
{
vertical-align: middle;
}
.filters .remove-filter .close-icon
{
font-size: 16px;
}
.filters .remove-filter .close-icon:hover
{
color: black;
opacity: 0.4;
}
/* filters */
.filters .filter-op { .filters .filter-op {
width: 130px; width: 130px;
} }
...@@ -89,30 +62,6 @@ table.filters tr td { ...@@ -89,30 +62,6 @@ table.filters tr td {
width: 220px; width: 220px;
} }
/* Inline forms */
.inline-field {
margin-bottom: 5px;
}
.inline-field-control {
float: right;
}
.inline-field .inline-form {
border-left: 1px solid #eeeeee;
padding-left: 8px;
margin-bottom: 4px;
}
.inline-field-control .glyphicon-remove {
margin-left: -30px;
}
.panel {
padding-top: 25px;
padding-left: 30px;
}
/* Image thumbnails */ /* Image thumbnails */
.image-thumbnail img { .image-thumbnail img {
max-width: 100px; max-width: 100px;
...@@ -120,65 +69,14 @@ table.filters tr td { ...@@ -120,65 +69,14 @@ table.filters tr td {
} }
/* Forms */ /* Forms */
/* required because form-horizontal removes top padding */
.admin-form { .admin-form {
margin-top: 35px; margin-top: 35px;
} }
.submit-row { /* Form Field Description - Appears when field has 'description' attribute */
margin-top: 5px; /* Test with: form_args = {'name':{'description': 'test'}} */
} /* prevents awkward gap after help-block - This is default for bootstrap2 */
td>span.glyphicon {
padding-left: 35%;
}
/* link style */
a.btn-cancel {
border-radius: 4px;
border-color: #a08c8c;
color: #333;
background-color: #f0b8b8;
}
a.btn-link {
border-radius: 4px;
border-color: #95bee2;
}
a.btn-filter, a.btn-filter:hover {
border-radius: 4px;
border-color: #adadad;
color: #333;
background-color: #ebebeb;
max-height: 32px;
line-height: 16px;
}
.help-block { .help-block {
margin-bottom: 0px; margin-bottom: 0px;
}
ul.has-error {
margin-bottom: -8px;
}
.tooltip.top {
font-size: 1.1em;
top: -35px;
}
.checkbox input[type="checkbox"] {
margin-left: 0px;
margin-right: 15px;
}
.list-checkbox-column {
width: 14px;
}
/* fix overlapping border between actions and table */
.model-list {
position: relative;
margin-top: -1px;
z-index: 999;
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment