84726791d3
http://status.net/open-source/issues/2286 This bit of CSS was constricting the vertical size of the popup form for repeats: .notice-options form { width:16px; height:16px; } I can only assume this was originally meant to constrain the mini inline AJAX forms to the size of the clickable buttons, but it doesn't make a difference to how those are displayed on iPhone, Android, or Opera Mini. Removing the statement lets the popup form go to its natural size, covering the button.
289 lines
4.1 KiB
CSS
289 lines
4.1 KiB
CSS
/** theme: mobile profile screen
|
|
*
|
|
* @package StatusNet
|
|
* @author Sarven Capadisli <csarven@status.net>
|
|
* @copyright 2009-2010 StatusNet, Inc.
|
|
* @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
|
|
* @link http://status.net/
|
|
*/
|
|
|
|
#wrap {
|
|
min-width:0;
|
|
max-width:100%;
|
|
}
|
|
|
|
#header {
|
|
margin:0;
|
|
padding:0.7em 2%;
|
|
width:96%;
|
|
}
|
|
|
|
address {
|
|
margin:1em 0 0 0;
|
|
float:left;
|
|
width:100%;
|
|
}
|
|
address .vcard .photo {
|
|
margin-right:0;
|
|
}
|
|
|
|
address img + .fn {
|
|
display:block;
|
|
margin-top:1em;
|
|
float:left;
|
|
}
|
|
|
|
.vcard .photo {
|
|
margin-right:7px;
|
|
}
|
|
|
|
|
|
.form_settings fieldset {
|
|
margin-bottom:7px;
|
|
}
|
|
|
|
.form_settings label {
|
|
width:auto;
|
|
display:block;
|
|
float:none;
|
|
}
|
|
.form_settings .form_data li {
|
|
margin-bottom:7px;
|
|
}
|
|
|
|
.form_settings .form_data textarea,
|
|
.form_settings .form_data select,
|
|
.form_settings .form_data input {
|
|
margin-left:0;
|
|
display:block;
|
|
}
|
|
.form_settings .form_data textarea {
|
|
width:96.41%;
|
|
}
|
|
|
|
.form_settings .form_data label {
|
|
float:none;
|
|
}
|
|
|
|
.form_settings .form_data p.form_guide {
|
|
width:auto;
|
|
margin-left:0;
|
|
}
|
|
|
|
#site_nav_global_primary {
|
|
margin:0;
|
|
width:100%;
|
|
list-style-type:none;
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
#site_nav_global_primary li {
|
|
margin-left:0;
|
|
margin-right:4%;
|
|
float:left;
|
|
font-size:0.9em;
|
|
}
|
|
|
|
#form_notice {
|
|
width:100%;
|
|
}
|
|
|
|
#form_notice textarea {
|
|
width:60%;
|
|
height:20px;
|
|
}
|
|
|
|
#notice_text-count {
|
|
position:absolute;
|
|
bottom:2px;
|
|
right:40%;
|
|
z-index:9;
|
|
}
|
|
|
|
/*input type=file no good in
|
|
iPhone/iPod Touch, Android, Opera Mini Simulator
|
|
*/
|
|
#form_notice #notice_text-count + label,
|
|
#form_notice label[for="notice_data-attach"] {
|
|
display:none;
|
|
}
|
|
#form_notice #notice_data-attach {
|
|
position:static;
|
|
clear:both;
|
|
width:65%;
|
|
height:auto;
|
|
display:block;
|
|
z-index:9;
|
|
padding:0;
|
|
margin:0;
|
|
background:none;
|
|
opacity:1;
|
|
}
|
|
|
|
#form_notice #notice_action-submit {
|
|
width:20%;
|
|
right:2%;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
#site_nav_local_views li {
|
|
margin-left:0;
|
|
margin-right:0;
|
|
}
|
|
#site_nav_local_views li:first-child {
|
|
margin-left:0;
|
|
}
|
|
#site_nav_local_views a {
|
|
padding:1px 3px;
|
|
display:block;
|
|
font-size:0.9em;
|
|
}
|
|
#site_nav_local_views .current a {
|
|
text-shadow:none;
|
|
}
|
|
#site_nav_local_views li {
|
|
-moz-box-shadow:none;
|
|
-webkit-box-shadow:none;
|
|
box-shadow:none;
|
|
}
|
|
|
|
|
|
#content {
|
|
width:96.41%;
|
|
min-height:auto;
|
|
}
|
|
#content,
|
|
#site_nav_local_views a,
|
|
#aside_primary {
|
|
border:0;
|
|
}
|
|
|
|
.instructions p,
|
|
.instructions ul {
|
|
margin-bottom:4px;
|
|
}
|
|
|
|
h1 {
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.notice,
|
|
.profile {
|
|
padding-top:4px;
|
|
padding-bottom:4px;
|
|
min-height:65px;
|
|
}
|
|
#content .notice .entry-title {
|
|
float:left;
|
|
width:100%;
|
|
margin-left:0;
|
|
}
|
|
#content .notice .author .photo {
|
|
position:static;
|
|
float:left;
|
|
}
|
|
#content .notice div.entry-content {
|
|
margin-left:0;
|
|
width:75%;
|
|
max-width:100%;
|
|
min-width:0;
|
|
}
|
|
.notice-options {
|
|
width:43px;
|
|
margin-right:1%;
|
|
}
|
|
|
|
.notice-options form.processing {
|
|
background-image:none;
|
|
}
|
|
#wrap .notice-options form.processing input.submit {
|
|
background-position:0 47%;
|
|
}
|
|
|
|
.notice .notice-options a,
|
|
.notice .notice-options input {
|
|
box-shadow:none;
|
|
-moz-box-shadow:none;
|
|
-webkit-box-shadow:none;
|
|
}
|
|
.notice .notice-options a,
|
|
.notice .notice-options form {
|
|
margin:-4px 0 0 0;
|
|
}
|
|
.notice .notice-options .form_repeat,
|
|
.notice .notice-options .notice_delete {
|
|
margin-top:11px;
|
|
}
|
|
.notice .notice-options .form_favor,
|
|
.notice .notice-options .form_disfavor,
|
|
.notice .notice-options .form_repeat {
|
|
margin-right:11px;
|
|
}
|
|
|
|
.notice .notice-options .notice_delete {
|
|
float:left;
|
|
}
|
|
|
|
.entity_profile {
|
|
width:auto;
|
|
}
|
|
|
|
.entity_actions {
|
|
margin-right:0;
|
|
margin-left:0;
|
|
clear:both;
|
|
float:none;
|
|
width:100%;
|
|
max-width:9999px;
|
|
}
|
|
|
|
.entity_profile {
|
|
margin-bottom:7px;
|
|
min-height:0;
|
|
}
|
|
|
|
.entity_profile .entity_fn,
|
|
.entity_profile .entity_nickname,
|
|
.entity_profile .entity_location,
|
|
.entity_profile .entity_url,
|
|
.entity_profile .entity_note,
|
|
.entity_profile .entity_tags,
|
|
.entity_profile .entity_aliases {
|
|
line-height:1.4;
|
|
margin-left:0;
|
|
}
|
|
|
|
.entity_profile .entity_depiction {
|
|
margin-bottom:1%;
|
|
margin-right:7px;
|
|
}
|
|
|
|
.entity_actions {
|
|
margin-bottom:1%;
|
|
float:left;
|
|
width:100%;
|
|
}
|
|
|
|
.entity_actions li {
|
|
float:left;
|
|
margin-right:1.5%;
|
|
margin-bottom:0;
|
|
height:29px;
|
|
width:40%;
|
|
}
|
|
|
|
.user_in .entity_actions .entity_subscribe {
|
|
margin-bottom:47px;
|
|
width:auto;
|
|
height:auto;
|
|
margin-right:5%;
|
|
}
|
|
|
|
#footer {
|
|
width:96%;
|
|
padding:2%;
|
|
}
|
|
|