[ticket/243] Fix responsive layout of portal

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

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>
{$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 />

View File

@@ -23,11 +23,15 @@
@media only screen and (max-width: 895px), only screen and (max-device-width: 895px)
{
#portal-right { margin-left: 0 !important; }
#portal-center {
div#portal-right { width: 49% !important; }
div#portal-left { width: 50% !important; }
div#portal-center {
margin-right: 0 !important;
margin-left: 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)
@@ -52,5 +56,13 @@
.portal-responsive-show { display: block !important; }
.portal-responsive-hide { display: none !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;
}
}