020620 general layout and css improvements.

This commit is contained in:
Daisuke 2020-06-02 17:37:50 -05:00
parent 153cee6105
commit d25fbc8bea
10 changed files with 1802 additions and 551 deletions

View File

@ -84,7 +84,7 @@ input[type="checkbox"]:checked+label {
} }
.side_element { .side_element {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.0);
/* box-shadow: 1px 1px 1px black; */ /* box-shadow: 1px 1px 1px black; */
color: lightgray; color: lightgray;
} }

View File

@ -584,6 +584,11 @@ aside {
border-bottom:1px dotted #aaa; border-bottom:1px dotted #aaa;
} }
.reply .postMenu {
margin-right:15px !important;
margin-top:1px !important;
}
.replyflex { .replyflex {
flex: 6 !important; flex: 6 !important;
} }

View File

@ -542,6 +542,7 @@ aside {
display: inline-block; display: inline-block;
margin:0px !important; margin:0px !important;
text-align: left; text-align: left;
word-break: break-all;
} }
.post_footer { .post_footer {

File diff suppressed because it is too large Load Diff

View File

@ -18,14 +18,12 @@ $('body').on('click', '.toggleblur', function(e) {
}); });
$('body').on('click', '#emoji', function(e) { $('body').on('click', '#emoji', function(e) {
$(this).closest(".element").find('.picker').css("display","none"); $(this).closest(".element").find('.picker').toggle();
$(this).closest(".element").find('.picker').css("display","block");
$('#emojisearch').focus(); $('#emojisearch').focus();
}); });
$('body').on('click', '#contact', function(e) { $('body').on('click', '#contact', function(e) {
$(this).closest(".element").find('.contactpicker').css("display","none"); $(this).closest(".element").find('.contactpicker').toggle();
$(this).closest(".element").find('.contactpicker').css("display","block");
$('#contactsearch').focus(); $('#contactsearch').focus();
}); });
@ -43,11 +41,6 @@ $('body').on('click', '.contact', function(e) {
$(this).closest(".element").find("#status").val(boxtxt + code+" "); $(this).closest(".element").find("#status").val(boxtxt + code+" ");
}); });
$('body').on('click', '.close', function(e) {
$(this).next().html("");
$(this).parent('div').css("display","none");
});
$(document).on("change paste keyup","#emojisearch",function () { $(document).on("change paste keyup","#emojisearch",function () {
var val = $(this).val(); var val = $(this).val();
var list = $(this).closest('.element').find('.emojilist'); var list = $(this).closest('.element').find('.emojilist');

View File

@ -213,8 +213,8 @@ endif; ?>
</div> </div>
<textarea name='status' id="status" style='width:98.85%; height:100px; border:none;'></textarea> <textarea name='status' id="status" style='width:98.85%; height:100px; border:none;'></textarea>
</div> </div>
<div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><input type='text' id='emojisearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div> <div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><input type='text' id='emojisearch' placeholder="Type to Search"><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
<div style='display:none; clear:both; width:100%; text-align:left;' class='contactpicker'><input type='text' id='contactsearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='contactlist' style='max-height:100px; overflow:auto; scroll-behavior: smooth;'></div></div> <div style='display:none; clear:both; width:100%; text-align:left;' class='contactpicker'><input type='text' id='contactsearch' placeholder="Type to Search"><div class='contactlist' style='max-height:100px; overflow:auto; scroll-behavior: smooth;'></div></div>
<div class="buttons"> <div class="buttons">
<span style='float:left;'> <span style='float:left;'>
<div style='position:relative;border: 0px; float:left;'> <div style='position:relative;border: 0px; float:left;'>

View File

@ -11,10 +11,6 @@ if ($logedin || $tl['mode'] == 'user') {
</div> </div>
</div> </div>
<div class='side_element' style='margin-top:20px; margin-left:0px; width:100%; padding-top:10px; padding-bottom:10px; '>
<form method='get'><input type='text' name='search' style='width:80%' placeholder='Type your search here'><input type='submit' value='&#xe800;' class='fontello'></form>
</div>
<div class='side_element' style='margin-top:20px; margin-left:0px; width:100%;'> <div class='side_element' style='margin-top:20px; margin-left:0px; width:100%;'>
<ul> <ul>
<a href='?mode=federated' class='ldr'><li>&#xe83c; Federated</li></a> <a href='?mode=federated' class='ldr'><li>&#xe83c; Federated</li></a>

View File

@ -251,19 +251,19 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) {
$ext = explode(".", $file['url']); $ext = explode(".", $file['url']);
$ext = end($ext); $ext = end($ext);
$ext = explode("?", $ext) [0]; $ext = explode("?", $ext) [0];
if (in_array($ext,array('webm','mp4','ogv'))) { if (in_array($ext,array('webm','mp4','ogv')) || $file['type'] == "video") {
$post['media'] .= "<div style='overflow:hidden; float:left; margin:2px;' $class><video preload='metadata' style='text-align:center; max-width:100%; max-height:100%;' controls ".($user_settings['videoloop'] == "on" ? "loop" : "")."> $post['media'] .= "<div style='overflow:hidden; float:left; margin:2px;' $class><video preload='metadata' style='text-align:center; max-width:100%; max-height:100%;' controls ".($user_settings['videoloop'] == "on" ? "loop" : "").">
<source src='" . $file['url'] . "' type='video/".($ext == "ogv" ? "ogg" : $ext)."'> <source src='" . $file['url'] . "' type='video/".($ext == "ogv" ? "ogg" : $ext)."'>
</video></div> </video></div>
"; ";
} }
elseif (in_array($ext,array('mp3','ogg','oga','opus'))) { elseif (in_array($ext,array('mp3','ogg','oga','opus')) || $file['type'] == "audio") {
$post['media'] .= "<div style='text-align:center; width:100%;'><audio controls> $post['media'] .= "<div style='text-align:center; width:100%;'><audio controls>
<source src='" . $file['url'] . "' type='audio/$ext'> <source src='" . $file['url'] . "' type='audio/$ext'>
Your browser does not support the audio tag. Your browser does not support the audio tag.
</audio> </div>"; </audio> </div>";
} }
else { elseif (in_array($ext,array('jpg','jpeg','png','gif','apng','svg')) || $file['type'] == "image") {
/* we'll either hide the attachment or assign a css class depending on the user's settings */ /* we'll either hide the attachment or assign a css class depending on the user's settings */
/* if the post is marked as sensitive and nsfw hiding isn't turned off, we'll blur the image */ /* if the post is marked as sensitive and nsfw hiding isn't turned off, we'll blur the image */
@ -285,6 +285,9 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) {
$post['media'] .= "<div style='margin:0px; ".($images == 3 && $m == 3 ? "width:100% !important;" : "")."background-color:#".($class != "" ? averageColor($file['url']) : "000").";' $class><a target='_blank' href='" . $file['url'] . "' onClick='return false;' class='open-lightbox'><img " . ($e < 2 ? "src='" . $file['url'] . "'" : "data-src='" . $file['url'] . "'") . " class='lazyload' style='" . ($images === 1 ? "width:100%;" : "max-width:100%; max-height:100%;") . " vertical-align:middle;'><noscript><img src='" . $file['url'] . "' style='width:100%;'></noscript></a></div>"; $post['media'] .= "<div style='margin:0px; ".($images == 3 && $m == 3 ? "width:100% !important;" : "")."background-color:#".($class != "" ? averageColor($file['url']) : "000").";' $class><a target='_blank' href='" . $file['url'] . "' onClick='return false;' class='open-lightbox'><img " . ($e < 2 ? "src='" . $file['url'] . "'" : "data-src='" . $file['url'] . "'") . " class='lazyload' style='" . ($images === 1 ? "width:100%;" : "max-width:100%; max-height:100%;") . " vertical-align:middle;'><noscript><img src='" . $file['url'] . "' style='width:100%;'></noscript></a></div>";
} }
} else {
$post['media'] .= "<center><table><tr><td><a href='".$file['url']."' download><img src='img/doc.png' width=40 border=0></a></td><td><a href='".$file['url']."' target='_blank'>".$file['description']."</a></td></tr></table></center>";
} }
$m++; $m++;
} }

View File

@ -9,8 +9,8 @@
</div> </div>
<textarea name='status' id="status" style='width:100%; height:100px; border:none;'>:content:</textarea> <textarea name='status' id="status" style='width:100%; height:100px; border:none;'>:content:</textarea>
</div> </div>
<div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><input type='text' id='emojisearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div> <div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><input type='text' id='emojisearch' placeholder="Type to Search"><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
<div style='display:none; clear:both; width:100%; text-align:left;' class='contactpicker'><input type='text' id='contactsearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='contactlist' style='max-height:100px; overflow:auto; scroll-behavior: smooth;'></div></div> <div style='display:none; clear:both; width:100%; text-align:left;' class='contactpicker'><input type='text' id='contactsearch' placeholder="Type to Search"><div class='contactlist' style='max-height:100px; overflow:auto; scroll-behavior: smooth;'></div></div>
<div class="buttons"> <div class="buttons">
<div style='float:left;'> <div style='float:left;'>
<div style='position:relative;border: 0px; float:left;'> <div style='position:relative;border: 0px; float:left;'>

File diff suppressed because it is too large Load Diff