Responsive design refactoring for the backend/settings page.

This commit is contained in:
Alex Tselegidis 2016-07-14 21:13:51 +02:00
parent 05ac409c0f
commit 82f2323df1
2 changed files with 10 additions and 10 deletions

View file

@ -34,7 +34,7 @@
}); });
</script> </script>
<div id="settings-page" class="row-fluid"> <div id="settings-page" class="container-fluid">
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
<?php if ($privileges[PRIV_SYSTEM_SETTINGS]['view'] == TRUE): ?> <?php if ($privileges[PRIV_SYSTEM_SETTINGS]['view'] == TRUE): ?>
<li role="representation" class="general-tab tab"><a><?php echo $this->lang->line('general'); ?></a></li> <li role="representation" class="general-tab tab"><a><?php echo $this->lang->line('general'); ?></a></li>
@ -174,7 +174,7 @@
<?php endif ?> <?php endif ?>
</legend> </legend>
<div class="row-fluid"> <div class="row">
<div class="col-md-7 working-plan-wrapper"> <div class="col-md-7 working-plan-wrapper">
<h4><?php echo $this->lang->line('working_plan'); ?></h4> <h4><?php echo $this->lang->line('working_plan'); ?></h4>
<span class="help-block"> <span class="help-block">
@ -331,8 +331,8 @@
?> ?>
<?php $hidden = ($privileges[PRIV_USER_SETTINGS]['view'] == TRUE) ? '' : 'hidden'; ?> <?php $hidden = ($privileges[PRIV_USER_SETTINGS]['view'] == TRUE) ? '' : 'hidden'; ?>
<div id="user" class="tab-content <?php echo $hidden; ?>"> <div id="user" class="tab-content <?php echo $hidden; ?>">
<form> <form class="row">
<fieldset class="col-md-5 personal-info-wrapper"> <fieldset class="col-xs-12 col-sm-6 personal-info-wrapper">
<legend> <legend>
<?php echo $this->lang->line('personal_information'); ?> <?php echo $this->lang->line('personal_information'); ?>
<?php if ($privileges[PRIV_USER_SETTINGS]['edit'] == TRUE): ?> <?php if ($privileges[PRIV_USER_SETTINGS]['edit'] == TRUE): ?>
@ -397,7 +397,7 @@
</div> </div>
</fieldset> </fieldset>
<fieldset class="col-md-5 miscellaneous-wrapper"> <fieldset class="col-xs-12 col-sm-6 miscellaneous-wrapper">
<legend><?php echo $this->lang->line('system_login'); ?></legend> <legend><?php echo $this->lang->line('system_login'); ?></legend>
<div class="form-group"> <div class="form-group">

View file

@ -680,14 +680,12 @@ body .form-horizontal .controls {
} }
#settings-page .tab-content { #settings-page .tab-content {
margin: 15px;
overflow: auto; overflow: auto;
} }
#settings-page .nav { #settings-page .nav {
margin: 15px;
background-color: #F4F4F4; background-color: #F4F4F4;
border-radius: 4px; margin-bottom: 15px;
} }
#settings-page .nav li { #settings-page .nav li {
@ -697,7 +695,7 @@ body .form-horizontal .controls {
#business-logic .working-plan td input[type="text"] { #business-logic .working-plan td input[type="text"] {
margin-bottom: 0; margin-bottom: 0;
cursor: pointer; cursor: pointer;
width: 85px; width: 55px;
} }
#business-logic .working-plan label.checkbox { #business-logic .working-plan label.checkbox {
@ -727,6 +725,7 @@ body .form-horizontal .controls {
#business-logic #book-advance-timeout { #business-logic #book-advance-timeout {
margin: 0 0 0 10px; margin: 0 0 0 10px;
width: 50px; width: 50px;
color: #666;
} }
#business-logic .ui-spinner { #business-logic .ui-spinner {
@ -760,11 +759,12 @@ body .form-horizontal .controls {
#settings-page .personal-info-wrapper { #settings-page .personal-info-wrapper {
max-width: 400px; max-width: 400px;
padding-left: 0; margin-bottom: 20px;
} }
#settings-page .miscellaneous-wrapper { #settings-page .miscellaneous-wrapper {
max-width: 400px; max-width: 400px;
margin-bottom: 20px;
} }
#settings-page #about { #settings-page #about {