Movements towards to more responsive structure.
Antes

Antes commited on 2016-10-21 06:48:04
Showing 5 changed files, with 36 additions and 26 deletions.

... ...
@@ -179,7 +179,9 @@ form#postmodify .shd_ticket_roundframe
179 179
 .shd_ticket_leftcolumn
180 180
 {
181 181
 	width: 25%;
182
-	padding-top: 5px;
182
+}
183
+.shd_ticket_leftcolumn .roundframe {
184
+	margin: 0;
183 185
 }
184 186
 /* The right column in the ticket display */
185 187
 .shd_ticket_rightcolumn
... ...
@@ -583,3 +585,20 @@ dl.stats dd span, dl.stats dt span
583 585
 	border-bottom-left-radius: 0;
584 586
 	border-bottom-right-radius: 0;
585 587
 }
588
+
589
+@media (max-width: 480px) {
590
+	.shd_ticket_rightcolumn, .shd_ticket_leftcolumn {
591
+		width: 100%;
592
+		padding: 0;
593
+	}
594
+	.shd_ticket_rightcolumn {
595
+		margin-top: 10px;
596
+	}
597
+	.shd_profile_navigation {
598
+		margin-right: 0;
599
+	}
600
+	input[type="checkbox"] {
601
+		height: 15px;
602
+		width: 15px;
603
+	}
604
+}
586 605
\ No newline at end of file
... ...
@@ -415,7 +415,7 @@ function template_shd_edit_role()
415 415
 								</dl>
416 416
 							</div>
417 417
 						</div>
418
-						<span class="lowerframe" id="permfooter_', $rowitem, '"><span></span></span>
418
+						<span id="permfooter_', $rowitem, '"></span>
419 419
 						<br />';
420 420
 		}
421 421
 
... ...
@@ -622,7 +622,7 @@ function template_additional_fields()
622 622
 		echo '
623 623
 			</div>
624 624
 		</div>
625
-		<span class="lowerframe" id="additional_info_footer"><span></span></span>
625
+		<span id="additional_info_footer"></span>
626 626
 		</div>
627 627
 		<br />';
628 628
 	}
... ...
@@ -670,7 +670,7 @@ function template_quickreply()
670 670
 					</form>
671 671
 				</div>
672 672
 			</div>
673
-			<span id="quickreplyfooter" class="lowerframe"', $options['display_quick_reply'] == 2 ? '' : ' style="display: none"', '><span></span></span>
673
+			<span id="quickreplyfooter" ', $options['display_quick_reply'] == 2 ? '' : ' style="display: none"', '></span>
674 674
 		<script type="text/javascript"><!-- // --><![CDATA[
675 675
 		document.getElementById("quickReplyExpand").style.display = "";
676 676
 		document.getElementById("shd_goadvancedbutton").style.display = "";
... ...
@@ -1009,15 +1009,15 @@ function template_ticketactionlog()
1009 1009
 					</div>
1010 1010
 				<table class="table_grid" id="ticket_log">
1011 1011
 						<tr class="title_bar">
1012
-							<td width="15%">
1012
+							<td class="quarter_table">
1013 1013
 								<img src="', $settings['default_images_url'], '/simpledesk/time.png" class="shd_smallicon" alt="" />
1014 1014
 								', $txt['shd_ticket_log_date'], '
1015 1015
 							</td>
1016
-							<td width="15%">
1016
+							<td class="quarter_table">
1017 1017
 								<img src="', $settings['default_images_url'], '/simpledesk/user.png" class="shd_smallicon" alt="" />
1018 1018
 								', $txt['shd_ticket_log_member'], '
1019 1019
 							</td>
1020
-							<td width="50%">
1020
+							<td class="half_table">
1021 1021
 								<img src="', $settings['default_images_url'], '/simpledesk/action.png" class="shd_smallicon" alt="" />
1022 1022
 								', $txt['shd_ticket_log_action'], '
1023 1023
 							</td>
... ...
@@ -24,7 +24,7 @@ function template_shd_profile_main()
24 24
 				', sprintf($txt['shd_profile_heading'], $context['member']['name']), '
25 25
 			</h3>
26 26
 		</div>
27
-		<div class="windowbg">
27
+		<div class="windowbg noup">
28 28
 			<div class="content">
29 29
 			<img src="', $settings['default_images_url'], '/simpledesk/ticket.png" alt="" class="shd_icon_minihead" /> <strong>', $txt['shd_profile_tickets'], '</strong><hr />
30 30
 				', $txt['shd_profile_tickets_created'], ': <a href="', $scripturl, '?action=profile;u=', $context['member']['id'], ';area=hd_showtickets">', $context['shd_numtickets'], '</a>';
... ...
@@ -161,21 +161,17 @@ function template_shd_profile_preferences()
161 161
 
162 162
 	if (isset($_GET['save']))
163 163
 		echo '
164
-				<div class="tborder">
165 164
 				<div class="windowbg" id="profile_success">
166 165
 					', $txt['shd_prefs_updated'], '
167
-					</div>
168 166
 				</div>';
169 167
 
170 168
 	echo '
171
-				<div class="tborder">
172 169
 				<div class="cat_bar">
173 170
 					<h3 class="catbg">
174 171
 						<img src="', $settings['default_images_url'], '/simpledesk/preferences.png" class="icon" alt="*" />
175 172
 						', sprintf($txt['shd_profile_preferences_header'], $context['member']['name']), '
176 173
 					</h3>
177 174
 				</div>
178
-				</div>
179 175
 				<script type="text/javascript"><!-- // --><![CDATA[
180 176
 				function shd_toggleblock(block)
181 177
 				{
... ...
@@ -209,9 +205,7 @@ function template_shd_profile_preferences()
209 205
 		$display_save = true;
210 206
 		$displayed_groups[] = $group;
211 207
 
212
-		echo '
213
-						<br />
214
-						<div class="tborder">
208
+		echo '<br>
215 209
 						<div class="cat_bar" id="prefheader_', $group, '">
216 210
 							<h3 class="catbg">
217 211
 								<span id="prefexpand_', $group, '" class="floatright toggle_up" onclick="shd_toggleblock(\'', $group, '\'); return false;">&nbsp;<!--
... ...
@@ -223,9 +217,9 @@ function template_shd_profile_preferences()
223 217
 								<a class="prefcollapse" href="#prefheader_', $group, '" onclick="shd_toggleblock(\'', $group, '\'); return false;">', $txt['shd_pref_group_' . $group], '</a>
224 218
 							</h3>
225 219
 						</div>
226
-							<div class="roundframe" id="prefgroup_', $group, '">
220
+						<div class="roundframe noup" id="prefgroup_', $group, '">
227 221
 							<div class="content">
228
-									<dl class="permsettings">';
222
+								<dl class="settings">';
229 223
 
230 224
 		foreach ($details['groups'] as $pref)
231 225
 		{
... ...
@@ -245,7 +239,7 @@ function template_shd_profile_preferences()
245 239
 					break;
246 240
 				case 'int':
247 241
 					echo '
248
-										<input type="input" size="', isset($thispref['size']) ? $thispref['size'] : '5', '" value="', !isset($context['member']['shd_preferences'][$pref]) ? $thispref['default'] : $context['member']['shd_preferences'][$pref], '" name="', $pref, '" />';
242
+									<input type="number" size="', isset($thispref['size']) ? $thispref['size'] : '5', '" value="', !isset($context['member']['shd_preferences'][$pref]) ? $thispref['default'] : $context['member']['shd_preferences'][$pref], '" name="', $pref, '" />';
249 243
 					break;
250 244
 				case 'select':
251 245
 					echo '
... ...
@@ -269,7 +263,7 @@ function template_shd_profile_preferences()
269 263
 		if (!empty($details['check_all']) && count($details['groups']) > 2)
270 264
 		{
271 265
 			echo '
272
-									<div class="padding" id="checkall_div_', $group, '" style="display:none;">
266
+								<div id="checkall_div_', $group, '" style="display:none;">
273 267
 									<input type="checkbox" name="all" id="check_all" value="" onclick="invertAll(this, this.form, \'', $group, '\');" class="input_check floatleft">
274 268
 									<label for="check_all" class="floatleft">', $txt['check_all'], '</label>
275 269
 								</div>';
... ...
@@ -279,8 +273,7 @@ function template_shd_profile_preferences()
279 273
 		echo '
280 274
 							</div>
281 275
 						</div>
282
-							<span class="lowerframe" id="preffooter_', $group, '"><span></span></span>
283
-						</div>';
276
+						<span id="preffooter_', $group, '"></span>';
284 277
 	}
285 278
 
286 279
 	// And the JS required to hide everything.
... ...
@@ -491,7 +484,6 @@ function template_shd_profile_permissions()
491 484
 
492 485
 	// Now hang on a moment. We need to display the list of departments, and if that's all we have, stop there.
493 486
 	echo '
494
-				<span class="upperframe"><span></span></span>
495 487
 				<div class="roundframe">
496 488
 					<form action="', $scripturl, '?action=profile;u=', $context['member']['id'], ';area=hd_permissions" method="post">
497 489
 						', $txt['shd_profile_showdept'], ':
... ...
@@ -692,11 +684,11 @@ function template_shd_profile_actionlog()
692 684
 					</div>
693 685
 					<table class="table_grid" id="ticket_log">
694 686
 						<tr class="title_bar">
695
-							<td width="15%">
687
+							<td class="quarter_table">
696 688
 								<img src="', $settings['default_images_url'], '/simpledesk/time.png" class="shd_smallicon" alt="" />
697 689
 								', $txt['shd_ticket_log_date'], '
698 690
 							</td>
699
-							<td width="50%">
691
+							<td class="half_table">
700 692
 								<img src="', $settings['default_images_url'], '/simpledesk/action.png" class="shd_smallicon" alt="" />
701 693
 								', $txt['shd_ticket_log_action'], '
702 694
 							</td>
... ...
@@ -724,7 +716,7 @@ function template_shd_profile_actionlog()
724 716
 
725 717
 	echo '
726 718
 						<tr class="titlebg">
727
-							<td colspan="2">
719
+							<td class="bot_page" colspan="2">
728 720
 								', !empty($context['action_full_log']) ? '<span class="smalltext shd_main_log"><img src="' . $settings['default_images_url'] . '/simpledesk/browse.png" alt="" /> <a href="' . $scripturl . '?action=admin;area=helpdesk_info;sa=actionlog">' . $txt['shd_profile_log_full'] . '</a></span>' : '', '
729 721
 							</td>
730 722
 						</tr>
... ...
@@ -739,7 +731,6 @@ function template_shd_profile_navigation_above()
739 731
 	echo '
740 732
 		<div class="', empty($options['use_sidebar_menu']) ? 'shd_ticket_leftcolumn floatleft' : '', '">
741 733
 			<div class="tborder shd_profile_navigation">
742
-				<span class="upperframe"><span></span></span>
743 734
 				<div class="roundframe">
744 735
 					<ul class="', !empty($options['use_sidebar_menu']) ? 'shd_profile_nav_inline' : 'shd_profile_nav_list', '">';
745 736
 	foreach ($context['shd_profile_menu'] as $menuitem)
746 737