Skip to content
Snippets Groups Projects
Commit 5b2cb791 authored by Jared Hancock's avatar Jared Hancock
Browse files

i18n: Fix layout issues with customer portal

parent 6a480cf7
No related branches found
No related tags found
No related merge requests found
......@@ -241,7 +241,7 @@ h2, .subject {
display: inline-block;
font-size: 16px;
padding: 8px 16px 6px 16px;
width: 160px;
max-width: 220px;
text-align: center;
color: #fff;
font-weight: bold;
......@@ -303,14 +303,11 @@ body {
#header #logo {
width: 220px;
height: 71px;
float: left;
}
#header p {
width: 400px;
text-align: right;
margin: 0;
padding: 10px 0 0;
float: right;
}
#nav {
margin: 0 20px;
......@@ -329,9 +326,8 @@ body {
display: inline;
}
#nav li a {
display: block;
display: inline-block;
width: auto;
float: left;
height: 20px;
line-height: 20px;
text-align: center;
......@@ -344,6 +340,14 @@ body {
background-position: 10px 50%;
background-repeat: no-repeat;
}
.rtl #nav li a {
background-position: right center;
background-position: calc(100% - 10px) center;
padding-left: 10px;
padding-right: 32px;
margin-right: 10px;
margin-left: 0;
}
#nav li a.active,
#nav li a:hover {
background-color: #dbefff;
......@@ -395,20 +399,29 @@ body {
margin: 0 auto;
background: url('../images/poweredby.png') top left no-repeat;
}
.front-page-button {
}
#landing_page #new_ticket {
margin-top: 40px;
background: url('../images/new_ticket_icon.png') top left no-repeat;
}
#landing_page #new_ticket,
#landing_page #check_status,
.front-page-button {
width: 295px;
padding-left: 75px;
float: left;
background: url('../images/new_ticket_icon.png') top left no-repeat;
}
#landing_page #check_status {
margin-top: 40px;
width: 295px;
padding-left: 75px;
float: right;
background: url('../images/check_status_icon.png') top left no-repeat;
}
.rtl #landing_page #new_ticket,
.rtl #landing_page #check_status,
.rtl .front-page-button {
padding-left: 0;
padding-right: 75px;
background-position: top right;
}
/* Landing page FAQ not yet implemented. */
#faq {
clear: both;
......@@ -530,8 +543,6 @@ body {
#ticketForm div label,
#clientLogin div label {
display: block;
width: 140px;
float: left;
}
label.required {
font-weight: bold;
......@@ -547,9 +558,7 @@ label.required {
width: auto;
border: 1px solid #aaa;
background: #fff;
margin-right: 10px;
display: block;
float: left;
}
#ticketForm div input[type=file],
#clientLogin div input[type=file] {
......@@ -635,6 +644,20 @@ label.required {
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
background: url('../images/lock.png?1319655200') 95% 50% no-repeat #f6f6f6;
}
.rtl #clientLogin {
background-position: 5% 50%;
}
#clientLogin .instructions {
display:table-cell;
padding-left: 2em;
padding-right:90px;
}
.rtl #clientLogin .instructions {
padding-left: 0;
padding-right:0;
padding-right: 2em;
padding-left:90px;
}
#clientLogin p {
clear: both;
}
......@@ -916,3 +939,18 @@ img.sign-in-image {
width: auto;
height: auto;
}
.login-box {
width:40%;
display:table-cell;
box-shadow: 12px 0 15px -15px rgba(0,0,0,0.4);
padding:15px;
}
.rtl .login-box {
box-shadow: -12px 0 15px -15px rgba(0,0,0,0.4);
}
.flush-right {
text-align: right;
}
.flush-left {
text-align: left;
}
......@@ -20,24 +20,23 @@ else
<form action="login.php" method="post" id="clientLogin">
<?php csrf_token(); ?>
<div style="display:table-row">
<div style="width:40%;display:table-cell;box-shadow: 12px 0 15px -15px rgba(0,0,0,0.4);padding-right: 2em;">
<strong><?php echo Format::htmlchars($errors['login']); ?></strong>
<br>
<div class="login-box">
<div><strong><?php echo Format::htmlchars($errors['login']); ?></strong></div>
<div>
<label for="email"><?php echo __('E-Mail Address'); ?>:
<input id="email" placeholder="<?php echo __('e.g. john.doe@osticket.com'); ?>" type="text"
name="lemail" size="30" value="<?php echo $email; ?>"></label>
</div>
<div>
<label for="ticketno"><?php echo __('Ticket Number'); ?>:</label><br/>
<label for="ticketno"><?php echo __('Ticket Number'); ?>:
<input id="ticketno" type="text" name="lticket" placeholder="<?php echo __('e.g. 051243'); ?>"
size="30" value="<?php echo $ticketid; ?>"></td>
size="30" value="<?php echo $ticketid; ?>"></label>
</div>
<p>
<input class="btn" type="submit" value="<?php echo $button; ?>">
</p>
</div>
<div style="display:table-cell;padding-left: 2em;padding-right:90px;">
<div class="instructions">
<?php if ($cfg && $cfg->getClientRegistrationMode() !== 'disabled') { ?>
<?php echo __('Have an account with us?'); ?>
<a href="login.php"><?php echo __('Sign In'); ?></a> <?php
......
......@@ -32,6 +32,7 @@ if (($lang = Internationalization::getCurrentLanguage())
<link rel="stylesheet" href="<?php echo ROOT_PATH; ?>css/redactor.css" media="screen">
<link type="text/css" rel="stylesheet" href="<?php echo ROOT_PATH; ?>css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="<?php echo ROOT_PATH; ?>css/flags.css">
<link type="text/css" rel="stylesheet" href="<?php echo ROOT_PATH; ?>css/rtl.css"/>
<script type="text/javascript" src="<?php echo ROOT_PATH; ?>js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<?php echo ROOT_PATH; ?>js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="<?php echo ROOT_PATH; ?>js/jquery.multifile.js"></script>
......@@ -48,11 +49,12 @@ if (($lang = Internationalization::getCurrentLanguage())
<body>
<div id="container">
<div id="header">
<a id="logo" href="<?php echo ROOT_PATH; ?>index.php"
<a class="pull-left" id="logo" href="<?php echo ROOT_PATH; ?>index.php"
title="<?php echo __('Support Center'); ?>"><img src="<?php
echo ROOT_PATH; ?>logo.php" border=0 alt="<?php
echo $ost->getConfig()->getTitle(); ?>"
style="height: 5em"></a>
<div class="pull-right flush-right">
<p>
<?php
if ($thisclient && is_object($thisclient) && $thisclient->isValid()
......@@ -90,11 +92,12 @@ if (($all_langs = Internationalization::availableLanguages())
<?php }
} ?>
</p>
</div>
</div>
<div class="clear"></div>
<?php
if($nav){ ?>
<ul id="nav">
<ul id="nav" class="flush-left">
<?php
if($nav && ($navs=$nav->getNavLinks()) && is_array($navs)){
foreach($navs as $name =>$nav) {
......
......@@ -20,7 +20,7 @@ if ($content) {
<form action="login.php" method="post" id="clientLogin">
<?php csrf_token(); ?>
<div style="display:table-row">
<div style="width:40%;display:table-cell;box-shadow: 12px 0 15px -15px rgba(0,0,0,0.4);padding:15px;">
<div class="login-box">
<strong><?php echo Format::htmlchars($errors['login']); ?></strong>
<div>
<input id="username" placeholder="<?php echo __('Email or Username'); ?>" type="text" name="luser" size="30" value="<?php echo $email; ?>">
......
......@@ -24,19 +24,25 @@ require(CLIENTINC_DIR.'header.inc.php');
else
echo '<h1>'.__('Welcome to the Support Center').'</h1>';
?>
<div id="new_ticket">
<div id="new_ticket" class="pull-left">
<h3><?php echo __('Open a New Ticket');?></h3>
<br>
<div><?php echo __('Please provide as much detail as possible so we can best assist you. To update a previously submitted ticket, please login.');?></div>
<p>
<a href="open.php" class="green button"><?php echo __('Open a New Ticket');?></a>
</p>
</div>
<div id="check_status">
<div id="check_status" class="pull-right">
<h3><?php echo __('Check Ticket Status');?></h3>
<br>
<div><?php echo __('We provide archives and history of all your current and past support requests complete with responses.');?></div>
</div>
<div class="clear"></div>
<div class="front-page-button pull-left">
<p>
<a href="open.php" class="green button"><?php echo __('Open a New Ticket');?></a>
</p>
</div>
<div class="front-page-button pull-right">
<p>
<a href="view.php" class="blue button"><?php echo __('Check Ticket Status');?></a>
</p>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment