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.1 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.1 From 54cdd4e1f4168697f32882c0b33842e767b66884 Mon Sep 17 00:00:00 2001 From: xmodar Date: Wed, 26 Oct 2022 22:49:45 +0300 Subject: Add LTR checkpoint lists and updated Arabic localization --- style.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 13a9fb07..f4d37e72 100644 --- a/style.css +++ b/style.css @@ -522,18 +522,28 @@ If you change anything above, you need to make sure it is RTL compliant by just 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 */ + /* this part was added manually */ :host { direction: rtl; } - .output-html:has(.performance), .gr-text-input { + .file-preview, + .gr-text-input, + .output-html:has(.performance), + #txt2img_style_index > label > select, + #txt2img_style2_index > label > select, + #img2img_style_index > label > select, + #img2img_style2_index > label > select, + #setting_sd_model_checkpoint > label > select, + #modelmerger_primary_model_name > label > select, + #modelmerger_secondary_model_name > label > select, + #modelmerger_tertiary_model_name > label > select { direction: ltr; } .gr-radio, .gr-checkbox{ margin-left: 0.25em; } - /* this part was automatically generated with few manual modifications */ + /* automatically generated with few manual modifications */ .performance .time { margin-right: unset; margin-left: 0; -- cgit v1.2.1 From 3de036514138d7cdcba9729c975f1683a8e06b16 Mon Sep 17 00:00:00 2001 From: xmodar Date: Wed, 26 Oct 2022 23:56:11 +0300 Subject: Add id access to scripts list in the css --- style.css | 17 ++++++----------- 1 file changed, 6 insertions(+), 11 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index f4d37e72..c49954e0 100644 --- a/style.css +++ b/style.css @@ -526,19 +526,14 @@ Then, you will need to add the RTL counterpart only if needed in the rtl section :host { direction: rtl; } - .file-preview, - .gr-text-input, - .output-html:has(.performance), - #txt2img_style_index > label > select, - #txt2img_style2_index > label > select, - #img2img_style_index > label > select, - #img2img_style2_index > label > select, - #setting_sd_model_checkpoint > label > select, - #modelmerger_primary_model_name > label > select, - #modelmerger_secondary_model_name > label > select, - #modelmerger_tertiary_model_name > label > select { + select, .file-preview, .gr-text-input, .output-html:has(.performance) { direction: ltr; } + #script_list > label > select, + #x_type > label > select, + #y_type > label > select { + direction: rtl; + } .gr-radio, .gr-checkbox{ margin-left: 0.25em; } -- cgit v1.2.1 From 0995e879cea8ce871489ea8e393bb0eba6edc09c Mon Sep 17 00:00:00 2001 From: Florian Horn Date: Thu, 27 Oct 2022 16:20:01 +0200 Subject: added save button and shortcut (s) to Modal View --- style.css | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 13a9fb07..fa357a49 100644 --- a/style.css +++ b/style.css @@ -314,8 +314,8 @@ input[type="range"]{ .modalControls { display: grid; - grid-template-columns: 32px auto 1fr 32px; - grid-template-areas: "zoom tile space close"; + grid-template-columns: 32px auto 32px 1fr 32px; + grid-template-areas: "zoom tile save space close"; position: absolute; top: 0; left: 0; @@ -333,6 +333,10 @@ input[type="range"]{ grid-area: zoom; } +.modalSave { + grid-area: save; +} + .modalTileImage { grid-area: tile; } @@ -346,8 +350,18 @@ input[type="range"]{ cursor: pointer; } +.modalSave { + color: white; + font-size: 30px; + margin-top: 6px; + font-weight: bold; + cursor: pointer; +} + .modalClose:hover, .modalClose:focus, +.modalSave:hover, +.modalSave:focus, .modalZoom:hover, .modalZoom:focus { color: #999; -- cgit v1.2.1 From bf25b51c3167426d3a340d2a3facea58813d4914 Mon Sep 17 00:00:00 2001 From: Florian Horn Date: Thu, 27 Oct 2022 16:38:55 +0200 Subject: fixed position to be in line with the other icons --- style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index fa357a49..7b3ad050 100644 --- a/style.css +++ b/style.css @@ -314,7 +314,7 @@ input[type="range"]{ .modalControls { display: grid; - grid-template-columns: 32px auto 32px 1fr 32px; + grid-template-columns: 32px 32px 32px 1fr 32px; grid-template-areas: "zoom tile save space close"; position: absolute; top: 0; @@ -352,8 +352,8 @@ input[type="range"]{ .modalSave { color: white; - font-size: 30px; - margin-top: 6px; + font-size: 28px; + margin-top: 8px; font-weight: bold; cursor: pointer; } -- cgit v1.2.1 From 68760a48cb537e08e58014819bb8f83dbd30e831 Mon Sep 17 00:00:00 2001 From: xmodar Date: Thu, 27 Oct 2022 17:46:00 +0300 Subject: Add forced LTR for training progress --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'style.css') diff --git a/style.css b/style.css index c49954e0..8dd483ef 100644 --- a/style.css +++ b/style.css @@ -526,7 +526,7 @@ Then, you will need to add the RTL counterpart only if needed in the rtl section :host { direction: rtl; } - select, .file-preview, .gr-text-input, .output-html:has(.performance) { + select, .file-preview, .gr-text-input, .output-html:has(.performance), #ti_progress { direction: ltr; } #script_list > label > select, -- cgit v1.2.1 From 910a097ae2ed78a62101951f1b87137f9e1baaea Mon Sep 17 00:00:00 2001 From: AUTOMATIC <16777216c@gmail.com> Date: Mon, 31 Oct 2022 17:36:45 +0300 Subject: add initial version of the extensions tab fix broken Restart Gradio button --- style.css | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) (limited to 'style.css') diff --git a/style.css b/style.css index 8b2211b1..859c3933 100644 --- a/style.css +++ b/style.css @@ -530,6 +530,26 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h min-height: 480px !important; } +/* Extensions */ + +#extensions{ + border-collapse: collapse; +} + +#extensions td, #extensions th{ + border: 1px solid #ccc; + padding: 0.25em 0.5em; +} + +#extensions input[type="checkbox"]{ + margin-right: 0.5em; +} + +#tab_extensions button{ + max-width: 16em; +} + + /* 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 @@ -607,4 +627,4 @@ Then, you will need to add the RTL counterpart only if needed in the rtl section right: unset; left: 0.5em; } -} +} \ No newline at end of file -- cgit v1.2.1