Julian/phpbb_board3-portal_tlw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[ticket/243] Fix responsive layout of portal

Browse Source 
B3P-243
This commit is contained in:
Marc Alexander
2014-11-02 15:35:13 +01:00
parent 1c47512066
commit 14d39ae961
2 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
styles/prosilver/template/portal/modules/login_box_side.html
View File

@@ -1,4 +1,4 @@
<form action="{S_LOGIN_ACTION}" method="post"> <form action="{S_LOGIN_ACTION}" method="post" id="portal-login-box">
<div> <div>
{$LR_BLOCK_H_L}<a href="{U_LOGIN_LOGOUT}"><!-- IF $S_BLOCK_ICON --><img src="{$IMAGE_SRC}" width="{$IMAGE_WIDTH}" height="{$IMAGE_HEIGHT}" alt="" />&nbsp;<!-- ENDIF -->{$TITLE}</a>{$LR_BLOCK_H_R} {$LR_BLOCK_H_L}<a href="{U_LOGIN_LOGOUT}"><!-- IF $S_BLOCK_ICON --><img src="{$IMAGE_SRC}" width="{$IMAGE_WIDTH}" height="{$IMAGE_HEIGHT}" alt="" />&nbsp;<!-- ENDIF -->{$TITLE}</a>{$LR_BLOCK_H_R}
<span class="genmed">{L_USERNAME}{L_COLON}</span><br /> <span class="genmed">{L_USERNAME}{L_COLON}</span><br />

18
styles/prosilver/theme/portal_responsive.css
View File

@@ -23,11 +23,15 @@
@media only screen and (max-width: 895px), only screen and (max-device-width: 895px) @media only screen and (max-width: 895px), only screen and (max-device-width: 895px)
{ {
#portal-right { margin-left: 0 !important; } div#portal-right { width: 49% !important; }
#portal-center { div#portal-left { width: 50% !important; }
div#portal-center {
margin-right: 0 !important; margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important; padding-right: 0 !important;
padding-left: 0 !important;
} }
.responsive-portal-news dt { width: 100% !important; }
} }
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
@@ -52,5 +56,13 @@
.portal-responsive-show { display: block !important; } .portal-responsive-show { display: block !important; }
.portal-responsive-hide { display: none !important; } .portal-responsive-hide { display: none !important; }
#portal-body { padding-top: 0px !important; } #portal-body { padding-top: 0px !important; }
.portal-clear { display: none !important; } #portal-right > .portal-clear, #portal-body > .portal-clear, #portal-left > .portal-clear,
#portal-center > .portal-clear, #portal-login-box .portal-clear { display: none !important; }
#portal-right { width: 50% !important; }
#portal-left { width: 50% !important; }
#portal-center {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
}
} }