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
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; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#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 {
position: absolute;
margin-top: 22px; }
@@ -3107,6 +3112,12 @@ body.node-type-publication #footer {
padding: 0; }
#header #header-blocks #headerblock-right .block:first-child {
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 {
margin: 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 {
font-size: 12px;
font-weight: 700;
margin: 0 0 0.5em 0;
line-height: 1.2;
margin: 0;
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 {
display: moz-inline-stack;
@@ -3673,9 +3684,6 @@ body.home-v2 #main {
zoom: 1;
*display: inline;
vertical-align: middle; }
@media only screen and (max-width: 40em) {
#tool-bar .inner-content {
padding: 0; } }
.oldie #tool-bar {
background-color: #B1ADAD;
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 {
opacity: 1;
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 {
display: block; } }
#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 {
max-width: 100%;
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 {
display: block;
max-width: 100%; }
body.node-type-simplenews #content article.node.node-simplenews table {
width: 100% !important; }
body.node-type-simplenews #content article.node.node-simplenews td {
vertical-align: top; }
body.node-type-simplenews #content article.node.node-simplenews img {
max-width: 100%; }
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
*/
function initLayout(){
if(!_max_768()){
trace("initLayout");
// if(!_max_768()){
var height = $('#header').h() + $('#tasks').h();
if(!_max_480() && !_touch ){
height += $('#utilities').h()+15;
}
// if(!_max_480() && !_touch ){
height += $('#utilities').h();//+15;
// }
//$('#main').css('margin-top', height+15);
// $('#container').css('padding-top', height+15);
@@ -433,7 +434,7 @@
if(!$('html').is(".ie8")){
$('#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;
@include fs900;
@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;}
}
}
@@ -410,6 +411,11 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
}
}
#headerblock-left{
@media #{$small-only}{display:none;}
@media #{$medium-only}{display:none;}
}
#block-locale-language{
// margin-left:1em;
// border-left: 1px solid #707070;
@@ -886,7 +892,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
.ie8 &{margin-top:40px;}
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{
@include inlineblock(); cursor:pointer; color:#000; margin-left:0.5em;
opacity:0; @include transition-simply-prefix(opacity 0.1s ease-out);
@@ -947,7 +953,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
// margin: 5px;
}
@media #{$small-only}{
padding:0;
// padding:0;
// h1{line-height:0.5;}
}
}
@@ -983,7 +989,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
a.edit-list{ @include op-visible; }
}
@media #{$medium-only}{ display:block;}
@media #{$small-only}{ display:block;}
}
#block-materio-search-api-materio-search-api-viewmode{
@@ -2212,13 +2218,19 @@ body.node-type-simplenews{
max-width: 100%;
overflow-x: hidden;
// .field-name-body{position: relative;}
table, tbody, tr,td{
display: block;
max-width: 100%;
// table, tbody, tr,td{
// display: block;
// max-width: 100%;
// }
table{
width:100%!important;
}
td{
vertical-align: top
}
img{max-width: 100%;}
p{
padding-right: 1em;
padding: 0 0.5em;
}
}
}