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

fixed niouseletter on mobile

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2016-11-07 12:18:15 +01:00
parent a477dbb8ec
commit 2f02bb6485
4 changed files with 46 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2888,7 +2888,12 @@ body.node-type-publication #footer {
display: none; } } display: none; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) { @media only screen and (min-width: 40.063em) and (max-width: 64em) {
#header .logo span.slogan { #header .logo span.slogan {
display: none; } } display: block;
margin-left: 0.1em; } }
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
#header .logo span.slogan {
display: block;
margin-left: 0.1em; } }
.ie8 #header .logo span.slogan { .ie8 #header .logo span.slogan {
position: absolute; position: absolute;
margin-top: 22px; } margin-top: 22px; }
@ -3107,6 +3112,12 @@ body.node-type-publication #footer {
padding: 0; } padding: 0; }
#header #header-blocks #headerblock-right .block:first-child { #header #header-blocks #headerblock-right .block:first-child {
padding: 0; } padding: 0; }
@media only screen and (max-width: 40em) {
#header #header-blocks #headerblock-left {
display: none; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#header #header-blocks #headerblock-left {
display: none; } }
#header #header-blocks #block-locale-language ul, #header #header-blocks #block-locale-language li { #header #header-blocks #block-locale-language ul, #header #header-blocks #block-locale-language li {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -3628,8 +3639,8 @@ body.home-v2 #main {
#content-top #block-materio-flag-materio-flag-mybookmarks h2, #content-top #block-materio-flag-materio-flag-mylists h2 { #content-top #block-materio-flag-materio-flag-mybookmarks h2, #content-top #block-materio-flag-materio-flag-mylists h2 {
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 700;
margin: 0 0 0.5em 0;
line-height: 1.2; line-height: 1.2;
margin: 0;
color: #000; } color: #000; }
#content-top #block-materio-flag-materio-flag-mybookmarks h2 a.open-list, #content-top #block-materio-flag-materio-flag-mybookmarks h2 i.fi-x, #content-top #block-materio-flag-materio-flag-mylists h2 a.open-list, #content-top #block-materio-flag-materio-flag-mylists h2 i.fi-x { #content-top #block-materio-flag-materio-flag-mybookmarks h2 a.open-list, #content-top #block-materio-flag-materio-flag-mybookmarks h2 i.fi-x, #content-top #block-materio-flag-materio-flag-mylists h2 a.open-list, #content-top #block-materio-flag-materio-flag-mylists h2 i.fi-x {
display: moz-inline-stack; display: moz-inline-stack;
@ -3673,9 +3684,6 @@ body.home-v2 #main {
zoom: 1; zoom: 1;
*display: inline; *display: inline;
vertical-align: middle; } vertical-align: middle; }
@media only screen and (max-width: 40em) {
#tool-bar .inner-content {
padding: 0; } }
.oldie #tool-bar { .oldie #tool-bar {
background-color: #B1ADAD; background-color: #B1ADAD;
padding: 0 10px; } padding: 0 10px; }
@ -3718,7 +3726,7 @@ body.home-v2 #main {
.csstransitions #tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list { .csstransitions #tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list {
opacity: 1; opacity: 1;
transition: opacity 0.3s ease-out; } transition: opacity 0.3s ease-out; }
@media only screen and (min-width: 40.063em) and (max-width: 64em) { @media only screen and (max-width: 40em) {
#tool-bar #block-materio-page-title-materio-page-title { #tool-bar #block-materio-page-title-materio-page-title {
display: block; } } display: block; } }
#tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link { #tool-bar #block-materio-search-api-materio-search-api-viewmode .viewmode-link {
@ -6478,13 +6486,14 @@ body.node-type-simplenews #content article.node.node-simplenews {
body.node-type-simplenews #content article.node.node-simplenews { body.node-type-simplenews #content article.node.node-simplenews {
max-width: 100%; max-width: 100%;
overflow-x: hidden; } overflow-x: hidden; }
body.node-type-simplenews #content article.node.node-simplenews table, body.node-type-simplenews #content article.node.node-simplenews tbody, body.node-type-simplenews #content article.node.node-simplenews tr, body.node-type-simplenews #content article.node.node-simplenews td { body.node-type-simplenews #content article.node.node-simplenews table {
display: block; width: 100% !important; }
max-width: 100%; } body.node-type-simplenews #content article.node.node-simplenews td {
vertical-align: top; }
body.node-type-simplenews #content article.node.node-simplenews img { body.node-type-simplenews #content article.node.node-simplenews img {
max-width: 100%; } max-width: 100%; }
body.node-type-simplenews #content article.node.node-simplenews p { body.node-type-simplenews #content article.node.node-simplenews p {
padding-right: 1em; } } padding: 0 0.5em; } }
/* /*
_____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____ _____

11
sites/all/themes/gui/materiobasetheme/js/script.js
View File

@ -420,12 +420,13 @@
* layout * layout
*/ */
function initLayout(){ function initLayout(){
if(!_max_768()){ trace("initLayout");
// if(!_max_768()){
var height = $('#header').h() + $('#tasks').h(); var height = $('#header').h() + $('#tasks').h();
if(!_max_480() && !_touch ){ // if(!_max_480() && !_touch ){
height += $('#utilities').h()+15; height += $('#utilities').h();//+15;
} // }
//$('#main').css('margin-top', height+15); //$('#main').css('margin-top', height+15);
// $('#container').css('padding-top', height+15); // $('#container').css('padding-top', height+15);
@ -433,7 +434,7 @@
if(!$('html').is(".ie8")){ if(!$('html').is(".ie8")){
$('#container').animate({'padding-top':height}, 300); $('#container').animate({'padding-top':height}, 300);
} }
} // }
}; };
/** /**

3
sites/all/themes/gui/materiobasetheme/js/script.min.js vendored
View File

File diff suppressed because one or more lines are too long

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

@ -223,7 +223,8 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
margin-left:-0.5em; margin-left:-0.5em;
@include fs900; @include fs900;
@media #{$small-only} {display:none;} @media #{$small-only} {display:none;}
@media #{$medium-only} {display:none;} @media #{$medium-only} { display:block; margin-left:0.1em; }
@media #{$large-only} { display:block; margin-left:0.1em; }
.ie8 &{position: absolute; margin-top:22px;} .ie8 &{position: absolute; margin-top:22px;}
} }
} }
@ -410,6 +411,11 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
} }
} }
#headerblock-left{
@media #{$small-only}{display:none;}
@media #{$medium-only}{display:none;}
}
#block-locale-language{ #block-locale-language{
// margin-left:1em; // margin-left:1em;
// border-left: 1px solid #707070; // border-left: 1px solid #707070;
@ -886,7 +892,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
.ie8 &{margin-top:40px;} .ie8 &{margin-top:40px;}
h2{ h2{
@include fs12; @include fs700; margin: 0 0 0.5em 0; line-height:1.2; color:#000; @include fs12; @include fs700; line-height:1.2; margin:0; color:#000;
a.open-list, i.fi-x{ a.open-list, i.fi-x{
@include inlineblock(); cursor:pointer; color:#000; margin-left:0.5em; @include inlineblock(); cursor:pointer; color:#000; margin-left:0.5em;
opacity:0; @include transition-simply-prefix(opacity 0.1s ease-out); opacity:0; @include transition-simply-prefix(opacity 0.1s ease-out);
@ -947,7 +953,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
// margin: 5px; // margin: 5px;
} }
@media #{$small-only}{ @media #{$small-only}{
padding:0; // padding:0;
// h1{line-height:0.5;} // h1{line-height:0.5;}
} }
} }
@ -983,7 +989,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
a.edit-list{ @include op-visible; } a.edit-list{ @include op-visible; }
} }
@media #{$medium-only}{ display:block;} @media #{$small-only}{ display:block;}
} }
#block-materio-search-api-materio-search-api-viewmode{ #block-materio-search-api-materio-search-api-viewmode{
@ -2212,13 +2218,19 @@ body.node-type-simplenews{
max-width: 100%; max-width: 100%;
overflow-x: hidden; overflow-x: hidden;
// .field-name-body{position: relative;} // .field-name-body{position: relative;}
table, tbody, tr,td{ // table, tbody, tr,td{
display: block; // display: block;
max-width: 100%; // max-width: 100%;
// }
table{
width:100%!important;
}
td{
vertical-align: top
} }
img{max-width: 100%;} img{max-width: 100%;}
p{ p{
padding-right: 1em; padding: 0 0.5em;
} }
} }
} }