previously the keydown eventlistener for 'enter' would trigger even though ctrl was pressed, so i changed it so it doesn't trigger when ctrl is pressed (previously it only checked if shift was not pressed)
- removed forced size tags from text-pole div's as these caused some textareas to overflow the nav on iphone. instead widths are done with CSS now.
- added <br> after yourName textarea and increased size of the nameChange button to match the API design. This is also better for phones.
Rewrote the nav HTML/CSS
.nav --> #right-nav-panel
.nav-toggle <label> --> removed, using #nav-toggle:after for styling instead
The main purpose of this rewrite was to allow for a function such that the nav panel will auto-close when the user clicks away from it. The former structure of using a label for a hidden checkbox made this impossible, as the label produced two clicks when clicked on (one for the label, and one for the box), therefore locking the panel if the click-away feature was turned on.
I will add in a 'pin' toggle soon to allow users to hold the nav panel open if they wish.
- Changed default font size from 1rem to 15px;
- removed unused CSS code for <main>,<article>,<header>, and <footer>, which were not used in the HTML
- made send3.png opaque and adjusted opacity with CSS
- removed redundant backdrop blur on from <body>
- removed redundant backdrop blur from bg1 and bg2 (they now only self-blur)
- made "Connect" button on both API panels larger for mobile screens, and added :hover coloring
- made character 'export' and 'delete' buttons larger and further apart to decrease likeliness of mis-clicks, especially on phone screens.
- adjusted send_form opacity/background stylings to allow #options to perform blur effect
- added <br> after novel API URL input to match KoboldAI form style
- cleaned up #options_content and added styling
charcter_popup set to cover all main sheld elements for ease of use and to limit user errors (using the chat input box while having the character's advanced defs popup open)
removed forced coloring from popup menu buttons.
- 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
-100% width
- send_form's grid cell widths and options button paddings changed to fit
- changed corner roundness of chat and send_form
- reduced margin between chat and send_form to 1px
- removed the indicator circle under the send button
- made send_form turn red when not connected
- changed send_textarea's placeholder text when not connected
- made send button hide when not connected (avoids users trying to use API and instead getting a 'character not selected' button)
previous the input bar would expand to the fit the size of the typed input, but when it was sent, the bar would stay the same size. Now it will auto-shrink back to default size after sending the input to AI.
