From 4aecc49e2a5a9865db64b822aea1ca49399a00fc Mon Sep 17 00:00:00 2001
From: RossAsscends <124905043+RossAscends@users.noreply.github.com>
Date: Sun, 26 Feb 2023 20:34:06 +0900
Subject: [PATCH] various design edits
- changed background color of messages selected for deletion
- changed color of delete message confirmation buton
- changed size/height of deletion menu to match normal send_form height (to avoid #chat resizing awkwardly)
- reverted #chat scrollbar to normal display since corners are no longer rounded
- removed corner radius from #chat .mes divs, since they are invisible anyway
- removed large margin-bottom between #chat .mes divs and replaced with a smaller padding. (This makes the delete screen look nicer as there are no gaps between the selected messages)
- aligned deletion checkboxes in the center of the divs and vertical aligned with avatar icons
---
public/css/bg_load.css | 2 +-
public/index.html | 8 +++---
public/style.css | 59 ++++++++++++++++++++++--------------------
3 files changed, 36 insertions(+), 33 deletions(-)
diff --git a/public/css/bg_load.css b/public/css/bg_load.css
index 4671f73e6..cfdd06498 100644
--- a/public/css/bg_load.css
+++ b/public/css/bg_load.css
@@ -1 +1 @@
-#bg1 {background-image: url(../backgrounds/tavern.png);}
\ No newline at end of file
+#bg1 {background-image: url(../backgrounds/theredlake.png);}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 2d68d41af..540340dda 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1436,16 +1436,16 @@
}
});
- $(document).on('click', '.del_checkbox', function(){ //when a checkbox is clicked
+ $(document).on('click', '.del_checkbox', function(){ //when a 'delete message' checkbox is clicked
$('.del_checkbox').each(function(){
$(this).prop( "checked", false );
$(this).parent().css('background', css_mes_bg);
});
- $(this).parent().css('background', "#791b31"); //sets the bg of the selected msg to a muted red
+ $(this).parent().css('background', "#600"); //sets the bg of the mes selected for deletion
var i = $(this).parent().attr('mesid'); //checks the message ID in the chat
this_del_mes = i;
while(i < chat.length){ //as long as the current message ID is less than the total chat length
- $(".mes[mesid='"+i+"']").css('background', "#791b31"); //sets the bg of the all msgs BELOW the selected msg to a muted red as well
+ $(".mes[mesid='"+i+"']").css('background', "#600"); //sets the bg of the all msgs BELOW the selected .mes
$(".mes[mesid='"+i+"']").children('.del_checkbox').prop( "checked", true );
i++;
//console.log(i);
@@ -3167,7 +3167,7 @@