Commit Graph

60 Commits

Author SHA1 Message Date
Octopus a678299700 fix: limit max-height of select[multiple] on mobile to prevent Chrome 145+ full-screen rendering (fixes #5242) (#5467)
Co-authored-by: octo-patch <octo-patch@github.com>
2026-04-19 21:54:10 +03:00
Lucas Scala 90892fd236 Group add to background folder (#5237)
* group add

* make button not wide

* make single and batch add to folder use the same style popup

* prevent stuck UI, allow scrolling, prevent ::after conflicts

* extremely large commit, beware

* clear everything after performing bulk actions

* Unify bulk selection design language

---------

Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>
2026-03-07 17:41:28 +02:00
Lucas Scala 54bba07420 Background Folders (#5187)
* backend, frontend, bugfixes

* Mobile button and sizing

* lint

* clear folder thumbnailFile on delete, rename thumbnailFile on rename

* use filteredImages when changing sort option

* Address all the review comments

* Fix friendly title generation to handle empty strings

* Move add folder button to the header

* instead of search filtering the backgrounds in a folder and showing the folder if the results > 0, search the folder names.

* Trade button places

* Adjust button text

* feat: restrict folder creation to the Global tab

---------

Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>
2026-02-24 21:27:03 +02:00
Cohee 1da6e40129 Backgrounds menu tabs (#4845)
* Add tabs for backgrounds menu

* Improve styling and layout

* Use resize observer

* Add upload to chat bg logic

* Custom BG should always lock

* Fix auto-select when deleting active chat bg

* Use frame event cancellation on rapid resize

* Allow multiple uploads

* Fix mobile tab selector

* Bypass global lock with shift key

* Update copy tooltip

* Update localization files
2025-11-30 19:04:08 +02:00
Cohee e5ceafddb1 Backgrounds: Restore drawer title header (#4809)
* Backgrounds: Restore drawer title header

* Change add background icon
2025-11-24 01:24:53 +02:00
L 4127b688c9 Update BG header layout (#4519)
* init

* cleanup

* logic changes and some styling

* set z index to a reasonable value

* remove pointless animation

* cleanup

* restore animation

* checkmark icon on selected background

* drop shadow

* tweak size slightly

* Apply suggestion from @Cohee1207

condense

Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>

* more of the above

* make lock indicator use a class like the selection indicator

* make backgroundHighlight run on page load

* cleanup

* html restructure and display: contents. only issue left is slightly wonky desktop buttons order

* yellow lock icon for consistancy

* Update layout

* Restore fitting logic

* Styles clean-up

* Remove duplicate class

* Restore button titles

* Fix return types of slash commands

* Update locked background on select if lock status is on

* Force header to 100% width

* Clean-up styles

* Fix locked highlight on custom backgrounds

* Revert global lock button

---------

Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>
2025-09-25 20:12:12 +03:00
Cohee 4e01c9c0dc Use variable for mobile jumbo list button 2025-09-18 21:19:44 +03:00
RossAscends 136ddbc079 vert center mobile char list back button 2025-09-17 19:29:02 +09:00
RossAscends a0b2b740c9 Merge branch 'staging' of github.com-RA:sillytavern/sillytavern into staging 2025-09-17 18:19:59 +09:00
RossAscends 9298a34fea mobile fixes: close charlist on char select, hide L/R panel locks, larger charlist back button 2025-09-17 18:19:55 +09:00
L eec837cee6 Layout Update (#4514)
* init

* mostly working messy version

* css layout, mobile is fixed

* revert changes

* more of the above

* cleanup

* revert breaking fixes, cleanup dead code

* dead code

* delete fallback

* spacing

* css tweaks and removed getChatBackgroundsList

* mobile sizing

* revert unrelated changes

* use name instead of context

* debounce from constants.js

* replace if/else

* pass images directly

* more of the above

* buttons

* buttons functionality

* add default column counts

* remove .mobile-only-menu-toggle when clicked (layering fix)

* lint

* universal column default of 3

* sacrifice firefox for chrome

* Restore media query

This reverts commit 295a5a81908e58c0bfa5e01fd90fcd62c05471b4.

* Add disabled attribute styles for menu_button

* use opacity 0, pointer events none instead of display:none

* Format styles

* Fix type errors

* Add blur event handler to close mobile menu when focus is lost

---------

Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>
2025-09-16 13:20:06 +03:00
Rivelle 5aa1c8fbac Improvement: Enhanced UI Consistency (#4499)
* Improvement: Enhanced UI Consistency

- Added a class to `<div class="inline-drawer-toggle inline-drawer-header">` in **AI Response Configuration** and **API Connections** menus to match the styling of similar elements in **User Settings**
- Improved spacing and sizing for buttons such as `.bg_example .jg-menu` in the **Backgrounds** menu. The previous widths and gaps were too small, often causing accidental taps (especially on mobile devices)

* fix

* Adjust padding and background color in style.css

* Update inline drawer classes for configuration sections

* Remove border styles from expandable sections

* fix

* fix

* fix(sad)

* Adjust desktop bg_list width

---------

Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>
2025-09-09 23:23:34 +03:00
Wolfsblvt dcc6ddf7ad Fix/cleanup and background interactability (keyboard navigation, focus/hover) (#4503)
* refactor: remove unused background styles

* feat: add support for nested @media, @supports, and @container rules in dynamic focus styles

* fix: add keyboard focus support for background menu buttons back

* fix: move "custom" background copy functionality to unified button UI and make it work again

* refactor: simplify CSSContainerRule instance check using window global

* fix: update hover and focus selector placeholder replacements to handle multiple occurrences in selector

* Fix focused outline offset of background samples

* Fix locked background outline color

* Add a11y roles to background menu items

* Add mobile-only button selector

* fix: update button and list item selectors

* Improve keyboard navigation in narrow layout

* Hide rename button for custom=true backgrounds

---------

Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>
2025-09-09 15:57:16 +03:00
L 0ba317a318 More modern backgrounds buttons and filename (#4484)
* init

* move background styles, enlarge and clip image to get rid of antialising bug

* move styles from style.css to backgrounds.css

* Reformat backgrounds.css

* Improve selector specificity, fix type errors, increase font size on thumbnails, decrease mobile toggle size

* Fix webp chat backgrounds thumbnails

* Respect reduced motion preference

* Remove transition delay

---------

Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>
2025-09-04 18:13:35 +03:00
L e1af2fb47d Header change (#4465)
* header changes

* new line, comments

* Simplify styling targets

---------

Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>
2025-08-31 14:28:12 +03:00
Cohee be65f31d40 Fix mobile animations 2025-06-07 15:05:19 +03:00
Cohee 555c5be8d1 Fix horizontal stretching of HTML img embeds in mobile layout 2025-06-04 11:59:51 +00:00
Wolfsblvt aee8441fc4 Mobile prompt itemization - duh
- Make it into a popup. There is no space
2025-02-10 15:07:57 +01:00
Cohee 2b10954002 Fix mobile screen funkiness by smashing it with a big hammer
Fixes #2879
2024-09-20 20:34:29 +03:00
RossAscends 8952b93560 3-column panels become 1-column below 1000px width 2024-09-04 09:00:56 +09:00
Cohee a71753b243 Always use 3-column layout on desktop and 1-column on phone 2024-09-04 02:43:35 +03:00
RossAscends e0c8488c3f fix width adapting for 3-column drop down panels 2024-09-04 08:23:00 +09:00
Cohee 94ef9e8908 Await settings load 2024-09-01 18:01:21 +03:00
RossAscends a764e2d6bf AF panel 3column reshuffle, autoComplete to UserSettings, collaspify Auto* settings 2024-08-06 00:39:17 +09:00
Cohee 0253ef9cfd Merge branch 'staging' into dvh-units 2024-07-26 11:09:49 +00:00
Cohee 6f2b567efe Allow toggling moving UI on any device
(you still won't be able to use it)
2024-07-22 19:50:06 +03:00
Cohee b7a1474d7b Switch to dynamic viewport units 2024-07-15 00:42:16 +03:00
Cohee 2e23e78937 Update WI top block layout 2024-06-01 02:05:42 +03:00
Cohee 358d40f502 Restyle WI activation settings 2024-05-31 23:54:24 +03:00
Cohee b2f40e490b Fix mobile-styles.css for waifuMode
Mobile bros want a waifu too
2024-04-26 21:51:28 +03:00
Cohee df93d43c36 Remove obnoxious mobile padding on right panel 2024-04-22 00:02:48 +03:00
Cohee 23ac23010d Fix the rest of mobile cases 2024-04-14 21:17:18 +03:00
Cohee e3f24ac3a0 Fix mobile and ipads 2024-04-14 20:43:17 +03:00
Kristan Schlikow 928fa7a3fc Close zoomed image when clicking the parent div instead of image
Makes it easier to close on mobile
2024-04-14 17:12:26 +02:00
Kristan Schlikow d4adbf496f Address styling issues 2024-04-10 12:15:51 +02:00
Kristan Schlikow 7d4e689bec Update layout for avatar tags and controls 2024-04-10 12:15:51 +02:00
Cohee a805099822 Hide maximize in phone view 2024-03-19 02:57:04 +02:00
Cohee c82157945e Allow generic moving divs for extensions 2024-03-17 19:23:01 +02:00
Cohee 3b990801b4 Fix order of input area buttons in phone layout 2024-03-05 21:23:19 +02:00
khanon 60044c18a4 Implement Token Probabilities UI using logprobs 2024-01-25 18:34:46 -06:00
Cohee 9b9026b12e Add toggle for compact input area (mobile) 2023-12-16 01:35:28 +02:00
Cohee 8797508aa3 Fix h-centering of mobile zoomed avatars 2023-12-01 14:59:17 +02:00
Cohee c742251c5a Mobile sprites fixes: hide non-VN sprite, fix group VN position, fix live2d conflicts 2023-11-27 03:22:35 +02:00
RossAscends 3f4a62d22c ext button to left, stack buttons on mobile 2023-11-14 15:53:26 +09:00
Cohee 5012237eb3 Display generated bg in the bg block. Add ability to copy chat bg to system list. 2023-10-21 17:43:25 +03:00
RossAscends 96ddd5f4e5 draggable popout for Summary 2023-10-10 04:49:35 +09:00
RossAscends edeb804128 fix WI Entry control titles for mobile 2023-10-06 05:55:39 +09:00
RossAscends 04a0d012fc WI: quick cope for mobile entry display 2023-10-06 05:27:36 +09:00
Cohee dd753498fa Unscrew zoomed mobile avatars width 2023-10-05 18:01:11 +03:00
RossAscends e2d4f9dc8c streamline WI display 2023-09-25 18:03:10 +09:00