tobias/friendica
1
0
Fork 0
Code Pull requests Activity

theme fixes; fix qcomment (finally)

Browse source 
Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
This commit is contained in:
Simon L'nu 2012-03-31 03:56:06 -04:00
parent e940acf8c6
commit b88a452c6b
4 changed files with 86 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
view/theme/dispy-dark/comment_item.tpl
View file

@ -12,14 +12,15 @@
</div> </div>
<div class="comment-edit-photo-end"></div> <div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea> <textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
{{ if $qcomment }} {{ if $qcomment }}
<ul class="qcomment-wrapper"> <div class="qcomment-wrapper">
{{ for $qcomment as $qc }} <select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);">
<li class="fakelink qcomment" <option value=""></option>
onclick="commentInsert(this,$id); return false;">$qc</li> {{ for $qcomment as $qc }}
<option value="$qc">$qc</option>
{{ endfor }} {{ endfor }}
</ul> </select>
</div>
{{ endif }} {{ endif }}
<div class="comment-edit-text-end"></div> <div class="comment-edit-text-end"></div>

52
view/theme/dispy-dark/style.css
View file

@ -54,10 +54,14 @@ select {
border: 1px #555 dotted; border: 1px #555 dotted;
padding: 3px; padding: 3px;
margin: 2px; margin: 2px;
color: #eec;
background: #2e2f2e;
} }
option { option {
padding: 3px; padding: 3px;
vertical-align: middle; vertical-align: middle;
color: #eec;
background: #2e2f2e;
} }
li { li {
padding: 0 0 0 2px; padding: 0 0 0 2px;
@ -211,39 +215,51 @@ input[type=submit] {
/** /**
* login * login
*/ */
aside .field {
overflow: hidden;
width: 200px;
}
#login-extra-links { #login-extra-links {
overflow: auto; overflow: auto !important;
padding-top: 140px !important; padding-top: 60px !important;
width: 100%; width: 100% !important;
} }
#login-extra-links a { #login-extra-links a {
margin-right: 20px; margin-right: 20px;
} }
#login_standard { #login_standard {
display: block; display: block !important;
float: none; float: none !important;
height: 100px; height: 100% !important;
position: absolute; position: relative !important;
width: 100%; width: 100% !important;
} }
#login_standard .field label { #login_standard .field label {
width: 200px; width: 200px !important;
} }
#login_standard input, #login_standard input[type="text"] { #login_standard input, #login_standard input[type="text"] {
margin: 0 0 8px; margin: 0 0 8px !important;
width: 210px; width: 210px !important;
} }
#login-submit-wrapper { #login-submit-wrapper {
margin: 0; margin: 0 !important;
} }
#login-submit-button { #login-submit-button {
margin-left: 0px !important; margin-left: 0px !important;
} }
aside #login_openid {
position: relative !important;
float: none !important;
margin-left: 0px !important;
height: auto !important;
width: 200px !important;
}
#login_openid #id_openid_url { #login_openid #id_openid_url {
width: 200px; width: 180px !important;
overflow: hidden !important;
} }
#login_openid label { #login_openid label {
width: 208px; width: 180px !important;
} }
@ -525,7 +541,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
width: 10em; width: 10em;
color: #eec; color: #eec;
} }
nav #user-menu { #user-menu {
display: block; display: block;
width: 75%; width: 75%;
margin: 3px 0 0 0; margin: 3px 0 0 0;
@ -538,8 +554,12 @@ nav #user-menu {
clear: both; clear: both;
top: 4px; top: 4px;
left: 10px; left: 10px;
padding: 2px;
} }
nav #user-menu-label { #user-menu > a {
vertical-align: top;
}
#user-menu-label {
font-size: 12px; font-size: 12px;
padding: 3px 20px 9px 5px; padding: 3px 20px 9px 5px;
height: 10px; height: 10px;

13
view/theme/dispy/comment_item.tpl
View file

@ -12,14 +12,15 @@
</div> </div>
<div class="comment-edit-photo-end"></div> <div class="comment-edit-photo-end"></div>
<textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea> <textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);" onBlur="commentClose(this,$id);" >$comment</textarea>
{{ if $qcomment }} {{ if $qcomment }}
<ul class="qcomment-wrapper"> <div class="qcomment-wrapper">
{{ for $qcomment as $qc }} <select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);">
<li class="fakelink qcomment" <option value=""></option>
onclick="commentInsert(this,$id); return false;">$qc</li> {{ for $qcomment as $qc }}
<option value="$qc">$qc</option>
{{ endfor }} {{ endfor }}
</ul> </select>
</div>
{{ endif }} {{ endif }}
<div class="comment-edit-text-end"></div> <div class="comment-edit-text-end"></div>

52
view/theme/dispy/style.css
View file

@ -54,10 +54,14 @@ select {
border: 1px #555 dotted; border: 1px #555 dotted;
padding: 3px; padding: 3px;
margin: 2px; margin: 2px;
color: #222;
background: #efefef;
} }
option { option {
padding: 3px; padding: 3px;
vertical-align: middle; vertical-align: middle;
color: #222;
background: #efefef;
} }
li { li {
padding: 0 0 0 2px; padding: 0 0 0 2px;
@ -211,39 +215,51 @@ input[type=submit] {
/** /**
* login * login
*/ */
aside .field {
overflow: hidden;
width: 200px;
}
#login-extra-links { #login-extra-links {
overflow: auto; overflow: auto !important;
padding-top: 140px !important; padding-top: 60px !important;
width: 100%; width: 100% !important;
} }
#login-extra-links a { #login-extra-links a {
margin-right: 20px; margin-right: 20px;
} }
#login_standard { #login_standard {
display: block; display: block !important;
float: none; float: none !important;
height: 100px; height: 100% !important;
position: absolute; position: relative !important;
width: 100%; width: 100% !important;
} }
#login_standard .field label { #login_standard .field label {
width: 200px; width: 200px !important;
} }
#login_standard input, #login_standard input[type="text"] { #login_standard input, #login_standard input[type="text"] {
margin: 0 0 8px; margin: 0 0 8px !important;
width: 210px; width: 210px !important;
} }
#login-submit-wrapper { #login-submit-wrapper {
margin: 0; margin: 0 !important;
} }
#login-submit-button { #login-submit-button {
margin-left: 0px !important; margin-left: 0px !important;
} }
aside #login_openid {
position: relative !important;
float: none !important;
margin-left: 0px !important;
height: auto !important;
width: 200px !important;
}
#login_openid #id_openid_url { #login_openid #id_openid_url {
width: 200px; width: 180px !important;
overflow: hidden !important;
} }
#login_openid label { #login_openid label {
width: 208px; width: 180px !important;
} }
@ -525,7 +541,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
width: 10em; width: 10em;
color: #eec; color: #eec;
} }
nav #user-menu { #user-menu {
display: block; display: block;
width: 75%; width: 75%;
margin: 3px 0 0 0; margin: 3px 0 0 0;
@ -538,8 +554,12 @@ nav #user-menu {
clear: both; clear: both;
top: 4px; top: 4px;
left: 10px; left: 10px;
padding: 2px;
} }
nav #user-menu-label { #user-menu > a {
vertical-align: top;
}
#user-menu-label {
font-size: 12px; font-size: 12px;
padding: 3px 20px 9px 5px; padding: 3px 20px 9px 5px;
height: 10px; height: 10px;