1
0

More minor smallscreen layout improvements.

This commit is contained in:
Matthias Mees
2013-08-17 18:25:26 +02:00
parent 1afd639b6a
commit edfe606cc3
3 changed files with 44 additions and 21 deletions

@ -817,7 +817,7 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
$('<div id="'+configItem+'_preview" class="preview"/>').appendTo($el) $('<div id="'+configItem+'_preview" class="preview"/>').appendTo($el)
.css({ .css({
backgroundImage: bgImg, backgroundImage: bgImg,
minWidth: mWidth, // minWidth: mWidth,
minHeight: mHeight minHeight: mHeight
}); });
} }

@ -429,9 +429,6 @@ form > a,
#media_pane_filter label, #media_pane_filter label,
#media_pane_sort label, #media_pane_sort label,
#image_directory_create_form label, #image_directory_create_form label,
#mediaPropertyForm .media_file_props label,
#mediaPropertyForm header b,
#mediaPropertyForm footer b,
#entries_list .entry_info span, #entries_list .entry_info span,
.folder_name, .folder_name,
.toggle_info, .toggle_info,
@ -461,7 +458,10 @@ legend > span > span,
.configuration_group .form_field label, .configuration_group .form_field label,
.configuration_group .form_area label, .configuration_group .form_area label,
#captchabox .captcha, #captchabox .captcha,
#dashboard_entries li > a { #dashboard_entries li > a,
#mediaPropertyForm .media_file_props label,
#mediaPropertyForm header b,
#mediaPropertyForm footer b {
display: block; display: block;
} }
@ -1066,7 +1066,6 @@ summary {
#entries_list h3 { #entries_list h3 {
float : left; float : left;
margin: .75em 1em .75em 0; margin: .75em 1em .75em 0;
max-width: 85%;
} }
.edit_actions, .edit_actions,
@ -1086,10 +1085,7 @@ summary {
#filter_entries .form_field label, #filter_entries .form_field label,
#media_pane_filter label, #media_pane_filter label,
#media_pane_sort label, #media_pane_sort label,
#image_directory_create_form label, #image_directory_create_form label {
#mediaPropertyForm .media_file_props label,
#mediaPropertyForm header b,
#mediaPropertyForm footer b {
width: 20%; width: 20%;
} }
@ -1112,7 +1108,9 @@ summary {
#filter_comments .form_field > input, #filter_comments .form_field > input,
#filter_comments select, #filter_comments select,
#serendipity_comment .form_field input, #serendipity_comment .form_field input,
#serendipity_comment select { #serendipity_comment select,
.js .configuration_group .media_choose input,
.js #serendipity_category .form_field #category_icon {
width: 85%; width: 85%;
} }
@ -1130,11 +1128,6 @@ summary {
width: 100%; width: 100%;
} }
.js .configuration_group .media_choose input,
.js #serendipity_category .form_field #category_icon {
width: 90%;
}
.media_choose .preview { .media_choose .preview {
background-repeat: no-repeat; background-repeat: no-repeat;
height: auto; height: auto;
@ -1156,6 +1149,10 @@ summary {
padding: .4em 0; padding: .4em 0;
} }
.user_level {
display: block;
}
#image_directory_create_form .form_field input, #image_directory_create_form .form_field input,
#image_directory_create_form .form_select select, #image_directory_create_form .form_select select,
#mediaPropertyForm .form_field input, #mediaPropertyForm .form_field input,
@ -1362,11 +1359,14 @@ fieldset p,
.comment_data dt, .comment_data dt,
.template_info dt, .template_info dt,
.actions li,
.edit_actions li { .edit_actions li {
margin: 0 .4em 0 0; margin: 0 .4em 0 0;
} }
.actions li {
margin: 0 .4em .5em 0;
}
.no-js .media_file .actions li { .no-js .media_file .actions li {
margin: 0 .4em 0 -.4em; margin: 0 .4em 0 -.4em;
} }
@ -1432,6 +1432,10 @@ form > .button_link:first-of-type,
padding: 0 .5em 1em; padding: 0 .5em 1em;
} }
.media_file {
padding: 0 .5em .5em;
}
.template_preview { .template_preview {
max-width: 400px; max-width: 400px;
} }
@ -1578,6 +1582,7 @@ form > .button_link:first-of-type,
#serendipity_comments_list h4 { #serendipity_comments_list h4 {
font-size: 1em; font-size: 1em;
line-height: 1.5; line-height: 1.5;
max-width: 85%;
} }
#entries_list > li, #entries_list > li,
@ -1592,8 +1597,6 @@ form > .button_link:first-of-type,
.zebra_list .even, .zebra_list .even,
.option_list .odd, .option_list .odd,
.option_list .even, .option_list .even,
.theme_options .odd,
.theme_options .even,
.configure_plugin .config_optiongroup .odd, .configure_plugin .config_optiongroup .odd,
.configure_plugin .config_optiongroup .even, .configure_plugin .config_optiongroup .even,
.configure_plugin .odd, .configure_plugin .odd,
@ -1601,6 +1604,14 @@ form > .button_link:first-of-type,
padding-left: .4em; padding-left: .4em;
} }
.theme_options .odd,
.theme_options .even {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 .4em;
}
#categories li > ul, #categories li > ul,
#serendipity_image_folders li > ul { #serendipity_image_folders li > ul {
padding: 0 0 0 1em; padding: 0 0 0 1em;
@ -2400,7 +2411,8 @@ img.mfp-img {
width: 50%; width: 50%;
} }
#entries_list h3 { #entries_list h3,
#serendipity_comments_list h4 {
max-width: none; max-width: none;
} }
@ -2411,6 +2423,17 @@ img.mfp-img {
top: -60%; top: -60%;
left: 37%; left: 37%;
} }
#mediaPropertyForm .media_file_props label,
#mediaPropertyForm header b,
#mediaPropertyForm footer b {
display: inline-block;
width: 20%;
}
.user_level {
display: inline;
}
} }

@ -44,7 +44,7 @@
{foreach $users as $user} {foreach $users as $user}
{if $user.isEditable} {if $user.isEditable}
<li class="clearfix {cycle values="odd,even"}"> <li class="clearfix {cycle values="odd,even"}">
<span class="user_name"><span class="icon-user"></span> {$user.realname|escape:"html"} ({$user.userlevel_name})</span> <span class="user_name"><span class="icon-user"></span> {$user.realname|escape:"html"} <span class="user_level">({$user.userlevel_name})</span></span>
<ul class="plainList clearfix edit_actions"> <ul class="plainList clearfix edit_actions">
<li><a class="button_link" href="{$user.authorUrl}" title="{$CONST.PREVIEW} {$user.realname}"><span class="icon-zoom-in"></span><span class="visuallyhidden"> {$CONST.PREVIEW}</span></a></li> <li><a class="button_link" href="{$user.authorUrl}" title="{$CONST.PREVIEW} {$user.realname}"><span class="icon-zoom-in"></span><span class="visuallyhidden"> {$CONST.PREVIEW}</span></a></li>