From df5706409386cc2e88718bd9101045587c39f8bb Mon Sep 17 00:00:00 2001 From: AUTOMATIC <16777216c@gmail.com> Date: Fri, 21 Oct 2022 16:10:51 +0300 Subject: do not load aesthetic clip model until it's needed add refresh button for aesthetic embeddings add aesthetic params to images' infotext --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'style.css') diff --git a/style.css b/style.css index 26ae36a5..5d2bacc9 100644 --- a/style.css +++ b/style.css @@ -477,7 +477,7 @@ input[type="range"]{ padding: 0; } -#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization{ +#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization, #refresh_aesthetic_embeddings{ max-width: 2.5em; min-width: 2.5em; height: 2.4em; -- cgit v1.2.3 From 6398dc9b1049f242576ca309f95a3fb1e654951c Mon Sep 17 00:00:00 2001 From: AUTOMATIC <16777216c@gmail.com> Date: Sat, 22 Oct 2022 13:34:49 +0300 Subject: further support for extensions --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'style.css') diff --git a/style.css b/style.css index 5d2bacc9..26ae36a5 100644 --- a/style.css +++ b/style.css @@ -477,7 +477,7 @@ input[type="range"]{ padding: 0; } -#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization, #refresh_aesthetic_embeddings{ +#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization{ max-width: 2.5em; min-width: 2.5em; height: 2.4em; -- cgit v1.2.3 From ca2ebc89c2d18c02d9e337b660fdabe7178a6ccc Mon Sep 17 00:00:00 2001 From: xmodar Date: Mon, 24 Oct 2022 19:03:01 +0300 Subject: Add RTL languages support and improved Arabic localization --- style.css | 74 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 74 insertions(+) (limited to 'style.css') diff --git a/style.css b/style.css index 26ae36a5..13a9fb07 100644 --- a/style.css +++ b/style.css @@ -515,3 +515,77 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h max-height: 480px !important; min-height: 480px !important; } + +/* The following handles localization for right-to-left (RTL) languages like Arabic. +The rtl media type will only be activated by the logic in javascript/localization.js. +If you change anything above, you need to make sure it is RTL compliant by just running +your changes through converters like https://cssjanus.github.io/ or https://rtlcss.com/. +Then, you will need to add the RTL counterpart only if needed in the rtl section below.*/ +@media rtl { + /* this part was manualy added */ + :host { + direction: rtl; + } + .output-html:has(.performance), .gr-text-input { + direction: ltr; + } + .gr-radio, .gr-checkbox{ + margin-left: 0.25em; + } + + /* this part was automatically generated with few manual modifications */ + .performance .time { + margin-right: unset; + margin-left: 0; + } + .justify-center.overflow-x-scroll { + justify-content: right; + } + .justify-center.overflow-x-scroll button:first-of-type { + margin-left: unset; + margin-right: auto; + } + .justify-center.overflow-x-scroll button:last-of-type { + margin-right: unset; + margin-left: auto; + } + #settings fieldset span.text-gray-500, #settings .gr-block.gr-box span.text-gray-500, #settings label.block span{ + margin-right: unset; + margin-left: 8em; + } + #txt2img_progressbar, #img2img_progressbar, #ti_progressbar{ + right: unset; + left: 0; + } + .progressDiv .progress{ + padding: 0 0 0 8px; + text-align: left; + } + #lightboxModal{ + left: unset; + right: 0; + } + .modalPrev, .modalNext{ + border-radius: 3px 0 0 3px; + } + .modalNext { + right: unset; + left: 0; + border-radius: 0 3px 3px 0; + } + #imageARPreview{ + left:unset; + right:0px; + } + #txt2img_skip, #img2img_skip{ + right: unset; + left: 0px; + } + #context-menu{ + box-shadow:-1px 1px 2px #CE6400; + } + .gr-box > div > div > input.gr-text-input{ + right: unset; + left: 0.5em; + } +} -- cgit v1.2.3