penguin/AstroJS
1
0
Fork 0
forked from Botanical/BotanJS
Code Issues Pull Requests Projects Releases Wiki Activity

HomeEntry Responsive style

Browse Source
This commit is contained in:
斟酌 鵬兄 2016-11-11 11:09:35 +08:00
parent 0f2bf150a7
commit 5e48868fa8
2 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
botanjs/src/Astro/Blog/Components/Entry/Home.css
View File

@ -10,12 +10,22 @@
text-align: right; text-align: right;
} }
[data-narrow] .h_info {
position: relative;
width: auto;
text-align: center;
}
.h_body { .h_body {
margin-left: 7em; margin-left: 7em;
margin-right: 0.5em; margin-right: 0.5em;
} }
[data-narrow] .h_body
, [data-narrow] .h_bodyWrapper {
margin: 0 auto;
}
.h_bodyWrapper { .h_bodyWrapper {
border: 1px solid #D4D7C9; border: 1px solid #D4D7C9;
background-color: #FAFAFA; background-color: #FAFAFA;
@ -47,6 +57,7 @@
width: 80px; width: 80px;
height: 80px; height: 80px;
} }
[data-narrow] .h_avatarWrapper { display: inline; }
.h_avatar, .a_avatarWrapper { .h_avatar, .a_avatarWrapper {
width: 80px; width: 80px;

16
botanjs/src/Astro/Starfall/Layout/TwoColumn.js
View File

@ -14,12 +14,16 @@
BotanJS.addEventListener( "Responsive" BotanJS.addEventListener( "Responsive"
/** e @type {Astro.Starfall.Events.Responsive} */ /** e @type {Astro.Starfall.Events.Responsive} */
, function( e ) { , function( e ) {
rspd.foreach( if( e.data.ratio < 1.2 )
document.ELEMENT_NODE {
, e.data.ratio < 1.2 document.body.setAttribute( "data-narrow", 1 );
? function( elem ) { elem.style.width = "100%"; } rspd.foreach( document.ELEMENT_NODE, function( elem ) { elem.style.width = "100%"; } );
: function( elem ) { elem.style.width = ""; } }
); else
{
document.body.removeAttribute( "data-narrow" );
rspd.foreach( document.ELEMENT_NODE, function( elem ) { elem.style.width = ""; } );
}
}); });
} }
}; };