bachir/materio-base-legacy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

front : imporved location layout in fullcards

Browse Source 
fix #6
This commit is contained in:
Bachir Soussi Chiadmi
2017-05-30 12:09:59 +02:00
parent d9f3677b98
commit 6e2a36fe0c
2 changed files with 37 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
sites/all/themes/gui/materiobasetheme/css/styles.css
View File

@@ -5428,17 +5428,18 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
article.node-materiau.vm-cardfull .group-header, article.node-breve.vm-cardfull .group-header {
font-size: 20px;
font-weight: 300;
padding: 10px; }
padding: 10px 10px 0 10px; }
article.node-materiau.vm-cardfull .group-header .field-name-title-field, article.node-breve.vm-cardfull .group-header .field-name-title-field {
font-weight: 700; }
article.node-materiau.vm-cardfull .group-header .field-name-field-reference-materio, article.node-materiau.vm-cardfull .group-header .field-name-field-localisation, article.node-materiau.vm-cardfull .group-header .field-name-field-authored-on, article.node-breve.vm-cardfull .group-header .field-name-field-reference-materio, article.node-breve.vm-cardfull .group-header .field-name-field-localisation, article.node-breve.vm-cardfull .group-header .field-name-field-authored-on {
article.node-materiau.vm-cardfull .group-header .field-name-title-field, article.node-materiau.vm-cardfull .group-header .field-name-field-reference-materio, article.node-breve.vm-cardfull .group-header .field-name-title-field, article.node-breve.vm-cardfull .group-header .field-name-field-reference-materio {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
font-size: 12px;
padding-right: 15px; }
vertical-align: baseline; }
article.node-materiau.vm-cardfull .group-header .field-name-field-reference-materio, article.node-breve.vm-cardfull .group-header .field-name-field-reference-materio {
font-size: 12px; }
article.node-materiau.vm-cardfull.node-breve .group-header, article.node-breve.vm-cardfull.node-breve .group-header {
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
@@ -5446,21 +5447,28 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
transition: background-color 0.2s ease-out; }
article.node-materiau.vm-cardfull.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardfull.node-breve .group-header .field-name-field-authored-on {
font-weight: 500; }
article.node-materiau.vm-cardfull .field-name-field-description, article.node-materiau.vm-cardfull .field-name-body, article.node-breve.vm-cardfull .field-name-field-description, article.node-breve.vm-cardfull .field-name-body {
font-size: 12px;
font-weight: 300;
padding: 10px; }
article.node-materiau.vm-cardfull .field-name-field-attachments, article.node-breve.vm-cardfull .field-name-field-attachments {
padding: 10px;
font-size: 12px; }
article.node-materiau.vm-cardfull .field-name-field-location, article.node-breve.vm-cardfull .field-name-field-location {
font-size: 12px;
padding: 10px;
padding: 5px 10px 0 10px;
font-weight: 300; }
article.node-materiau.vm-cardfull .field-name-field-location .field-label, article.node-materiau.vm-cardfull .field-name-field-location .field-items, article.node-materiau.vm-cardfull .field-name-field-location .field-item, article.node-breve.vm-cardfull .field-name-field-location .field-label, article.node-breve.vm-cardfull .field-name-field-location .field-items, article.node-breve.vm-cardfull .field-name-field-location .field-item {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
vertical-align: baseline; }
article.node-materiau.vm-cardfull .field-name-field-location .field-label, article.node-breve.vm-cardfull .field-name-field-location .field-label {
font-size: 10px;
text-transform: lowercase;
float: none; }
article.node-materiau.vm-cardfull .field-name-field-description, article.node-materiau.vm-cardfull .field-name-body, article.node-breve.vm-cardfull .field-name-field-description, article.node-breve.vm-cardfull .field-name-body {
font-size: 12px;
font-weight: 300;
padding: 5px 10px 0 10px; }
article.node-materiau.vm-cardfull .field-name-field-attachments, article.node-breve.vm-cardfull .field-name-field-attachments {
padding: 10px;
font-size: 12px; }
article.node-materiau.vm-cardfull .field-name-field-company-fab, article.node-materiau.vm-cardfull .field-name-field-company-distrib, article.node-breve.vm-cardfull .field-name-field-company-fab, article.node-breve.vm-cardfull .field-name-field-company-distrib {
font-size: 12px;
padding: 10px;

26
sites/all/themes/gui/materiobasetheme/scss/styles.scss
View File

@@ -1643,10 +1643,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
.group-images{ @include horihoverswitch(); }
.group-header{
@include fs20; @include fs300; padding:10px;
@include fs20; @include fs300; padding:10px 10px 0 10px;
.field-name-title-field{@include fs700;}
.field-name-field-reference-materio, .field-name-field-localisation, .field-name-field-authored-on{ @include inlineblock(); @include fs12; padding-right:15px;}
// .field-name-field-localisation{ float:right; }
.field-name-title-field,.field-name-field-reference-materio{
@include inlineblock;
vertical-align: baseline;
// line-height: 40px;
}
.field-name-field-reference-materio{@include fs12;}
}
&.node-breve .group-header{
@@ -1655,8 +1659,17 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
}
// Samples
.field-name-field-location{
@include fs12; padding:5px 10px 0 10px; @include fs300;
.field-label, .field-items, .field-item{
@include inlineblock; vertical-align: baseline;
}
.field-label{ @include fs10; text-transform: lowercase; float: none; }
}
.field-name-field-description, .field-name-body{
@include fs12; @include fs300; padding: 10px;
@include fs12; @include fs300; padding: 5px 10px 0 10px;
}
.field-name-field-attachments{
@@ -1664,11 +1677,6 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
@include fs12;
}
// side 3 : Sample
.field-name-field-location{
@include fs12; padding:10px; @include fs300;
.field-label{ @include fs10; text-transform: lowercase; float: none; }
}
// side 4 : companies
.field-name-field-company-fab, .field-name-field-company-distrib{