bitPickups/friendica_2020-09-1_sharedHosting
1
0
Fork 0
Code Pull requests Activity

fix jot.tpl buttons. fix up subsequent styling breakage

Browse source 
Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
This commit is contained in:
Simon L'nu 2012-03-07 12:35:04 -05:00
parent 4d58357b15
commit 15d310e4c3
2 changed files with 75 additions and 56 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
view/theme/dispy/jot.tpl
View file

@ -15,41 +15,58 @@
<textarea rows="5" cols="64" class="profile-jot-text" id="profile-jot-text" name="body">{{ if $content }}$content{{ else }}$share{{ endif }} <textarea rows="5" cols="64" class="profile-jot-text" id="profile-jot-text" name="body">{{ if $content }}$content{{ else }}$share{{ endif }}
</textarea> </textarea>
<div id="jot-tools" class="jothidden" style="display:none"> <div id="jot-tools" class="jothidden" style="display:none">
<span class="icon border camera"><a href="#" onclick="return false;" id="wall-image-upload" title="$upload"></a></span> <div id="profile-jot-submit-wrapper" class="jothidden">
<span class="icon border attach"><a href="#" onclick="return false;" id="wall-file-upload" title="$attach"></a></span>
<span class="icon border link"><a id="profile-link" ondragenter="return linkdropper(event);" ondragover="return linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink(); return false;" title="$weblink"></a></span> <div id="profile-upload-wrapper" style="display: $visitor;">
<span class="icon border video"><a id="profile-video" onclick="jotVideoURL();return false;" title="$gvideo"></a></span> <div id="wall-image-upload-div"><a class="icon border camera" href="#" onclick="return false;" id="wall-image-upload" title="$upload"></a></div>
<span class="icon border audio"><a id="profile-audio" onclick="jotAudioURL();return false;" title="$audio"></a></span> </div>
<span class="icon border globe"><a id="profile-location" onclick="jotGetLocation();return false;" title="$setloc"></a></span> <div id="profile-attach-wrapper" style="display: $visitor;">
<span class="icon border noglobe"><a id="profile-nolocation" onclick="jotClearLocation();return false;" title="$noloc"></a></span> <div id="wall-file-upload-div"><a class="icon border attach" href="#" onclick="return false;" id="wall-file-upload" title="$attach"></a></div>
</div>
<div id="profile-link-wrapper" style="display: $visitor;" ondragenter="linkdropper(event);" ondragover="linkdropper(event);" ondrop="linkdrop(event);">
<a class="icon border link" id="profile-link" ondragenter="return linkdropper(event);" ondragover="return linkdropper(event);" ondrop="linkdrop(event);" onclick="jotGetLink(); return false;" title="$weblink"></a>
</div>
<div id="profile-video-wrapper" style="display: $visitor;">
<a class="icon border video" id="profile-video" onclick="jotVideoURL();return false;" title="$video"></a>
</div>
<div id="profile-audio-wrapper" style="display: $visitor;">
<a class="icon border audio" id="profile-audio" onclick="jotAudioURL();return false;" title="$audio"></a>
</div>
<div id="profile-location-wrapper" style="display: $visitor;">
<a class="icon border globe" id="profile-location" onclick="jotGetLocation();return false;" title="$setloc"></a>
</div>
<div id="profile-nolocation-wrapper" style="display: none;">
<a class="icon border noglobe" id="profile-nolocation" onclick="jotClearLocation();return false;" title="$noloc"></a>
</div>
<div id="profile-jot-plugin-wrapper">
$jotplugins $jotplugins
<ul id="profile-jot-submit-wrapper"> </div>
<li id="profile-jot-perms" class="profile-jot-perms">
<a id="jot-perms-icon" href="#profile-jot-acl-wrapper" class="icon $lockstate $bang" title="$permset"></a>
</li>
<li><input type="submit" id="profile-jot-submit" name="submit" value="$share" /></li>
<li>
<a class="icon-text-preview pointer"></a><a id="jot-preview-link" class="pointer" onclick="preview_post(); return false;" title="$preview">$preview</a> <a class="icon-text-preview pointer"></a><a id="jot-preview-link" class="pointer" onclick="preview_post(); return false;" title="$preview">$preview</a>
</li> <input type="submit" id="profile-jot-submit" name="submit" value="$share" />
</ul> <div id="profile-jot-perms" class="profile-jot-perms">
<span id="profile-rotator" class="loading" style="display: none"> <a id="jot-perms-icon" href="#profile-jot-acl-wrapper" class="icon $lockstate $bang" title="$permset"></a>
<img src="images/rotator.gif" alt="$wait" title="$wait" /></span>
</div> </div>
<span id="profile-rotator" class="loading" style="display: none"><img src="images/rotator.gif" alt="$wait" title="$wait" /></span>
</div> </div>
</div> <!-- /#profile-jot-submit-wrapper -->
</div> <!-- /#jot-tools -->
<div id="jot-preview-content" style="display:none;"></div> <div id="jot-preview-content" style="display:none;"></div>
<div style="display: none;"> <div style="display: none;">
<div id="profile-jot-acl-wrapper" style="width:auto;height:auto;overflow:auto;"> <div id="profile-jot-acl-wrapper" style="width:auto;height:auto;overflow:auto;">
$acl $acl
<hr style="clear:both" /> <hr style="clear:both" />
<div id="profile-jot-email-label">$emailcc</div><input type="text" name="emailcc" id="profile-jot-email" title="$emtitle" /> <div id="profile-jot-email-label">$emailcc</div>
<input type="text" name="emailcc" id="profile-jot-email" title="$emtitle" />
<div id="profile-jot-email-end"></div> <div id="profile-jot-email-end"></div>
$jotnets $jotnets
</div> </div>
</div> </div>
</form> </form>
{{ if $content }}<script>initEditor();</script>{{ endif }} {{ if $content }}<script>initEditor();</script>{{ endif }}

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

@ -143,7 +143,10 @@ a:hover {
} }
.required { .required {
display: inline; display: inline;
color: #ff0000; color: #ff0;
font-size: 16px;
font-weight: bold;
margin: 3px;
} }
.fakelink, .lockview { .fakelink, .lockview {
color: #3465a4; color: #3465a4;
@ -613,7 +616,8 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
aside { aside {
position: absolute; position: absolute;
right: 15px; right: 15px;
width: 230px; width: 245px;
padding-top: 15px;
font-size: smaller; font-size: smaller;
} }
.vcard .fn { .vcard .fn {
@ -687,7 +691,7 @@ aside #viewcontacts {
#jot #jot-tools { #jot #jot-tools {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
height: 40px; height: 35px;
overflow: none; overflow: none;
width: 100%; width: 100%;
/*background-color: #0e232e;*/ /*background-color: #0e232e;*/
@ -757,23 +761,21 @@ aside #viewcontacts {
margin-top: 10px; margin-top: 10px;
} }
#jot #jot-title { #jot #jot-title {
border: 1px solid #aaa; border: 1px solid #ccc;
margin: 0 0 5px; margin: 0 0 5px;
height: 20px; height: 20px;
width: 90%; width: 90%;
font-weight: bold; font-weight: bold;
border-radius: 5px; border-radius: 5px;
vertical-align: middle; vertical-align: middle;
padding: 5px 1px;
} }
#jot #character-counter { #jot #character-counter {
width: 40px; width: 6%;
float: right; float: right;
text-align: right; text-align: right;
height: 20px; height: 15px;
line-height: 20px; line-height: 20px;
padding: 5px; padding: 2px 20px 5px 0;
margin: 0 0 5px;
} }
#profile-jot-text_tbl { #profile-jot-text_tbl {
margin-bottom: 10px; margin-bottom: 10px;
@ -782,15 +784,15 @@ aside #viewcontacts {
width:99.900002% !important; width:99.900002% !important;
} }
#profile-attach-wrapper, #profile-attach-wrapper,
#profile-audio, #profile-audio-wrapper,
#profile-link-wrapper, #profile-link-wrapper,
#profile-location, #profile-location-wrapper,
#profile-nolocation, #profile-nolocation-wrapper,
#profile-title-wrapper, #profile-title-wrapper,
#profile-upload-wrapper, #profile-upload-wrapper,
#profile-video { #profile-video-wrapper {
float: left; float: left;
margin-left: 10px; margin: 0 20px 0 0;
} }
#profile-rotator-wrapper { #profile-rotator-wrapper {
float: right; float: right;
@ -821,9 +823,10 @@ aside #viewcontacts {
padding: 5px; padding: 5px;
} }
#jot-preview-link { #jot-preview-link {
margin: 0 0 0 25px; margin: 0 0 0 10px;
border: 0; border: 0;
text-decoration: none; text-decoration: none;
float: right;
} }
.icon-text-preview { .icon-text-preview {
margin: 0 0 -18px 0; margin: 0 0 -18px 0;
@ -833,9 +836,10 @@ aside #viewcontacts {
background: url(icons.png) no-repeat -128px -40px; background: url(icons.png) no-repeat -128px -40px;
border: 0; border: 0;
text-decoration: none; text-decoration: none;
float: right;
} }
#profile-jot-perms { #profile-jot-perms {
/*float: right;*/ float: right;
background-color: #555753; background-color: #555753;
height: 22px; height: 22px;
width: 20px; width: 20px;
@ -846,17 +850,18 @@ aside #viewcontacts {
border: 0px; border: 0px;
margin: 0 -4px 0 10px; margin: 0 -4px 0 10px;
} }
#profile-jot-plugin-wrapper {
width: 1px;
margin: 10px 0 0 0;
float: right;
}
#profile-jot-submit-wrapper { #profile-jot-submit-wrapper {
float: right; float: right;
width: 30%; width: 100%;
list-style: none; list-style: none;
margin: 10px 0 0 0; margin: 10px 0 0 0;
padding: 0; padding: 0;
} }
#profile-jot-submit-wrapper li {
display: inline-block;
vertical-align: middle;
}
#profile-jot-submit { #profile-jot-submit {
height: 22px; height: 22px;
background-color: #555753; background-color: #555753;
@ -866,6 +871,7 @@ aside #viewcontacts {
border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
border: 0; border: 0;
margin: 0; margin: 0;
float: right;
} }
#jot-perms-icons { #jot-perms-icons {
background-color: #555753; background-color: #555753;
@ -951,7 +957,7 @@ aside #viewcontacts {
section { section {
margin: 20px 6% 0 4%; margin: 20px 6% 0 4%;
font-size: 0.8em; font-size: 0.8em;
padding-right: 220px; padding-right: 230px;
min-width: 475px; min-width: 475px;
} }
@ -1726,11 +1732,10 @@ div[id$="wrapper"] br {
margin: 30px 0px; margin: 30px 0px;
} }
.profile-edit-side-div { .profile-edit-side-div {
margin-top: 0px; margin: 5px 2px 0 0;
} }
.profile-edit-side-link { .profile-edit-side-link {
float: right; float: right;
margin: 0px 20px -18px 0;
} }
.profile-listing { .profile-listing {
float: left; float: left;
@ -2119,8 +2124,6 @@ div[id$="wrapper"] br {
} }
.field textarea { .field textarea {
width: 80%; width: 80%;
}
.field textarea {
height: 100px; height: 100px;
} }
.field_help { .field_help {
@ -2152,7 +2155,6 @@ div[id$="wrapper"] br {
.hidden { .hidden {
display:none !important; display:none !important;
} }
.field.radio .field_help { .field.radio .field_help {
margin-left: 0; margin-left: 0;
} }
@ -2280,12 +2282,12 @@ div[id$="wrapper"] br {
.icon.drophide, .icon.delete { .icon.drophide, .icon.delete {
float: left; float: left;
} }
.icon.s22 { /*.icon.s22 {
display: block; display: block;
background: url(icons.png) no-repeat; background: url(icons.png) no-repeat;
width: 22px; width: 22px;
height: 22px; height: 22px;
} }*/
.icon.s22.delete { .icon.s22.delete {
display: block; display: block;
background-position: -110px 0; background-position: -110px 0;