fixed images display bug in admin

This commit is contained in:
Bachir Soussi Chiadmi 2016-11-07 14:01:48 +01:00
parent 99f92edb37
commit b00f897952
2 changed files with 58 additions and 48 deletions

View File

@ -144,3 +144,7 @@ div.messages.status{color:#468847;background-color:#dff0d8;border-color:#d6e9c6;
#better-messages-wrapper #better-messages-default div.messages.error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7;} #better-messages-wrapper #better-messages-default div.messages.error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7;}
#better-messages-wrapper #better-messages-default div.messages.status{color:#468847;background-color:#dff0d8;border-color:#d6e9c6;} #better-messages-wrapper #better-messages-default div.messages.status{color:#468847;background-color:#dff0d8;border-color:#d6e9c6;}
#better-messages-wrapper #better-messages-default .footer{border:none;padding:0;margin:0;}#better-messages-wrapper #better-messages-default .footer a.message-close{background:#ffffff url('../images/close.png') no-repeat center center;width:15px;height:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;display:block;} #better-messages-wrapper #better-messages-default .footer{border:none;padding:0;margin:0;}#better-messages-wrapper #better-messages-default .footer a.message-close{background:#ffffff url('../images/close.png') no-repeat center center;width:15px;height:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;display:block;}
body.page-admin #page img{
max-width: 99999px;
height: auto;
}

View File

@ -116,8 +116,8 @@ span.autocomplete-deluxe-button{top:0.25em;}
.fieldset-title, .fieldset-title,
.collapsible .fieldset-legend a{ .collapsible .fieldset-legend a{
display:inline-block; width:auto; display:inline-block; width:auto;
.rounded(); .rounded();
font-size:12px; font-size:12px;
font-weight:normal; font-weight:normal;
text-transform: uppercase; text-transform: uppercase;
margin:0px; margin:0px;
@ -152,18 +152,18 @@ li{list-style: none inside url();}
.fieldset-title, .fieldset-title,
.vertical-tab-button strong, .horizontal-tab-button strong{text-transform: uppercase; font-size:0.8em; font-weight:bold;} .vertical-tab-button strong, .horizontal-tab-button strong{text-transform: uppercase; font-size:0.8em; font-weight:bold;}
div.form-type-checkboxes{ div.form-type-checkboxes{
&>label, &>div.form-checkboxes{.inlineblock();} &>label, &>div.form-checkboxes{.inlineblock();}
} }
.form-item-language, .form-type-select{ .form-item-language, .form-type-select{
&>label, &>select{.inlineblock();} &>label, &>select{.inlineblock();}
&>label{width:35%;} &>label{width:35%;}
&>select{max-width:60%;} &>select{max-width:60%;}
} }
.form-type-textfield{ .form-type-textfield{
&>label, &>input.form-text{.inlineblock(); margin:0; vertical-align:middle;} &>label, &>input.form-text{.inlineblock(); margin:0; vertical-align:middle;}
&>label{width:35%;} &>label{width:35%;}
@ -180,25 +180,25 @@ li{list-style: none inside url();}
.form-item{.inlineblock();} .form-item{.inlineblock();}
input.form-text{width:100%;} input.form-text{width:100%;}
} }
.autocomplete-deluxe-button{ .autocomplete-deluxe-button{
margin-top:-3px; margin-top:-3px;
} }
.addressfield-container-inline{ .addressfield-container-inline{
&>div.form-item{.inlineblock(); margin:0; width:30%;} &>div.form-item{.inlineblock(); margin:0; width:30%;}
} }
fieldset.filter-wrapper{display:none;} fieldset.filter-wrapper{display:none;}
input.fid.form-text{display:none;} input.fid.form-text{display:none;}
.form-region-right{ .form-region-right{
position:relative; position:relative;
fieldset.form-wrapper{max-width:100%; padding:0; margin:0;} fieldset.form-wrapper{max-width:100%; padding:0; margin:0;}
.fieldset-wrapper{padding:0;} .fieldset-wrapper{padding:0;}
input.form-text{width:100%;} input.form-text{width:100%;}
} }
tr.draggable{ tr.draggable{
fieldset{ fieldset{
legend{display:none;} legend{display:none;}
@ -208,8 +208,8 @@ li{list-style: none inside url();}
} }
} }
} }
.field-widget-term-reference-tree .form-item.form-type-checkbox-tree{ .field-widget-term-reference-tree .form-item.form-type-checkbox-tree{
display: block; display: block;
.term-reference-tree{ .term-reference-tree{
@ -218,7 +218,7 @@ li{list-style: none inside url();}
} }
} }
} }
/** VERTICAL TABS */ /** VERTICAL TABS */
@ -260,8 +260,8 @@ li{list-style: none inside url();}
} }
.vertical-tabs-list .summary { font-size:11px; } .vertical-tabs-list .summary { font-size:11px; }
.page-admin table, .page-admin table,
.update tr.warning .version-recommended, .update tr.warning .version-recommended,
.update tr.error .version-recommended{ .update tr.error .version-recommended{
background-color: transparent; background-color: transparent;
border:0px solid transparent; border:0px solid transparent;
@ -272,8 +272,8 @@ li{list-style: none inside url();}
} }
.page-admin table tr{ .page-admin table tr{
&.even, &.odd{ &.even, &.odd{
td, h3 {background-color: transparent;} td, h3 {background-color: transparent;}
&:hover{ background: #D4EFEE;} &:hover{ background: #D4EFEE;}
&.ok{ &.ok{
background-color: #d1f2a3; background-color: #d1f2a3;
@ -296,7 +296,7 @@ li{list-style: none inside url();}
color: #468847;//#036; color: #468847;//#036;
background-color: #dff0d8;//#bdf; background-color: #dff0d8;//#bdf;
// td{ // td{
// border-bottom:3px solid #d6e9c6;//#ace; // border-bottom:3px solid #d6e9c6;//#ace;
// } // }
} }
&.warning, &.warning:hover{ &.warning, &.warning:hover{
@ -313,7 +313,7 @@ li{list-style: none inside url();}
// border-bottom: 3px solid #eed3d7; // border-bottom: 3px solid #eed3d7;
// } // }
} }
// td{ border:0 solid #fff;} // td{ border:0 solid #fff;}
} }
@ -343,7 +343,7 @@ input.form-submit,
color:#333; color:#333;
text-align:center; text-align:center;
font-size:12px; font-size:12px;
font-weight:normal; font-weight:normal;
border-width:1px; border-width:1px;
@ -351,13 +351,13 @@ input.form-submit,
border-color:#ddd #ddd #ccc; border-color:#ddd #ddd #ccc;
background:#bdf url(); background:#bdf url();
.rounded(); .rounded();
&.field-add-more-submit{ &.field-add-more-submit{
padding:0.1em 0.4em 0; padding:0.1em 0.4em 0;
font-size:10px; font-size:10px;
} }
} }
.node-edit, .button, .node-delete{font-size:10px;padding:0.1em 0.6em;} .node-edit, .button, .node-delete{font-size:10px;padding:0.1em 0.6em;}
@ -367,7 +367,7 @@ input.form-submit:hover,
.node-edit:hover, .button:hover, .node-delete:hover{ .node-edit:hover, .button:hover, .node-delete:hover{
border-color:#ddd #ddd #ccc; border-color:#ddd #ddd #ccc;
-webkit-box-shadow:#ace 0px 0px 0px; -webkit-box-shadow:#ace 0px 0px 0px;
color:#bdf; color:#bdf;
background-color: #848484; background-color: #848484;
} }
@ -384,7 +384,7 @@ input.button-no, .node-delete{
&:hover{ &:hover{
color:#EA4B4A; color:#EA4B4A;
} }
} }
/** admin module */ /** admin module */
@ -416,16 +416,16 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
background-color: #D8D8D8; background-color: #D8D8D8;
} }
.defaulted, .views-ui-display-tab-bucket .views-display-setting.even, .views-ui-display-tab-bucket .views-display-setting.odd{ //:not(.overriden) .defaulted, .views-ui-display-tab-bucket .views-display-setting.even, .views-ui-display-tab-bucket .views-display-setting.odd{ //:not(.overriden)
color: #666; color: #666;
background-color: #E0E0E0; background-color: #E0E0E0;
font-style: italic; font-style: italic;
/* font-weight:bold;*/ /* font-weight:bold;*/
a{color: #3F80B3} a{color: #3F80B3}
} }
.views-ui-display-tab-bucket.overridden .views-display-setting, .views-ui-display-tab-bucket.overridden .views-display-setting, .views-ui-display-tab-bucket.overridden .views-display-setting, .views-ui-display-tab-bucket.overridden .views-display-setting,
.views-display-setting.overridden{ //:not(.overriden) .views-display-setting.overridden{ //:not(.overriden)
&, &.even, &.odd{ &, &.even, &.odd{
color: #7F7F7F; color: #7F7F7F;
background-color: #F9F9F9; background-color: #F9F9F9;
@ -433,7 +433,7 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
/* font-weight:bold;*/ /* font-weight:bold;*/
a{color: #3188D1;} a{color: #3188D1;}
} }
} }
} }
.view{ .view{
.view-header{ .view-header{
@ -447,18 +447,18 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
.inlineblock(); padding:0; .inlineblock(); padding:0;
li{ li{
height:20px; height:20px;
a, span{padding:1px 10px 2px;} a, span{padding:1px 10px 2px;}
} }
} }
} }
// EXPOSED // EXPOSED
.view-filters{ .view-filters{
padding:1em 0; margin:0 0 1em 0; padding:1em 0; margin:0 0 1em 0;
border: 1px solid #CCC; .border-radius(5px,5px,5px,5px); border: 1px solid #CCC; .border-radius(5px,5px,5px,5px);
&>span.title, &>form{.inlineblock();width:auto;position:relative;vertical-align: top;} &>span.title, &>form{.inlineblock();width:auto;position:relative;vertical-align: top;}
&>span.title{padding:0.7em 1em;} &>span.title{padding:0.7em 1em;}
fieldset{ fieldset{
.inlineblock(); padding:0 1em; .inlineblock(); padding:0 1em;
@ -477,14 +477,14 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
fieldset#edit-select{ fieldset#edit-select{
padding:1em 0; margin:0 0 1em 0; padding:1em 0; margin:0 0 1em 0;
border: 1px solid #CCC; .border-radius(5px,5px,5px,5px); border: 1px solid #CCC; .border-radius(5px,5px,5px,5px);
legend, .fieldset-content{.inlineblock();} legend, .fieldset-content{.inlineblock();}
legend{ legend{
width:auto; width:auto;
*{background-color: transparent;} *{background-color: transparent;}
} }
.fieldset-content{ .fieldset-content{
padding:0; padding:0;
select, input{font-size:0.8em;} select, input{font-size:0.8em;}
@ -495,7 +495,7 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
.form-item{.inlineblock();vertical-align:top;} .form-item{.inlineblock();vertical-align:top;}
em{padding:0 1em;} em{padding:0 1em;}
} }
} }
/** media browser */ /** media browser */
@ -509,15 +509,15 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
float:left; float:left;
&>div{margin:0 10px 10px 0;} &>div{margin:0 10px 10px 0;}
} }
} }
} }
*:focus{ *:focus{
border: 1px solid #BDF!important; border: 1px solid #BDF!important;
} }
/* Contain floats: h5bp.com/q */ /* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; } .clearfix:after { clear: both; }
.clearfix { zoom: 1; } .clearfix { zoom: 1; }
@ -531,7 +531,7 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
table{ table{
caption{ text-align: left; padding:2em 0 0 0; font-weight:bold;} caption{ text-align: left; padding:2em 0 0 0; font-weight:bold;}
th{line-height:1; background-color: @greylite!important;} th{line-height:1; background-color: @greylite!important;}
td{padding-top:1em;padding-bottom:1em;} td{padding-top:1em;padding-bottom:1em;}
@ -545,7 +545,7 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
background: @grey!important; background: @grey!important;
} }
} }
td.views-field-title{ width:350px; } td.views-field-title{ width:350px; }
a.node-title-link{font-size:1.1em; padding:0 0 0.3em; display:inline-block;} a.node-title-link{font-size:1.1em; padding:0 0 0.3em; display:inline-block;}
td.views-field-field-people{width:100px;} td.views-field-field-people{width:100px;}
@ -555,7 +555,7 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
#modalContent{ #modalContent{
} }
#modalContent div.ctools-modal-content{ #modalContent div.ctools-modal-content{
@ -563,9 +563,9 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
-moz-border-radius: 10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
border-radius: 10px; border-radius: 10px;
border: 1 solid #999; border: 1 solid #999;
} }
#modalContent div.ctools-modal-content .modal-header, #modalContent div.ctools-modal-content .modal-header,
#modalContent div.ctools-modal-content .modal-header a, #modalContent div.ctools-modal-content .modal-header a,
@ -598,7 +598,7 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
border-color: #eed3d7;//#d52; border-color: #eed3d7;//#d52;
} }
&.status { &.status {
color: #468847;//#036; color: #468847;//#036;
background-color: #dff0d8;//#bdf; background-color: #dff0d8;//#bdf;
@ -618,7 +618,7 @@ div.messages {
.messages-label{display:none;} .messages-label{display:none;}
div.messages{ div.messages{
.messages(); margin:0 0 10px 0; .messages(); margin:0 0 10px 0;
} }
.footer{ .footer{
border:none; padding:0; margin:0; border:none; padding:0; margin:0;
@ -630,3 +630,9 @@ div.messages {
} }
} }
} }
body.page-admin #page img{
max-width: 99999px;
height: auto;
}