From 3833ef77f396f9a4d9eb0e8ae9e45606bbf787ec Mon Sep 17 00:00:00 2001 From: Tykayn Date: Fri, 17 Oct 2025 17:32:46 +0200 Subject: [PATCH] styling fake inputs of csc selector --- .../sae-lib/chatbot/bot-talks/bot-talks.scss | 1 + .../filters/filters-group/filters-group.scss | 2 +- .../inputs/multi-selector/multi-selector.scss | 12 ++++++++++-- sae-csc/public/chatbot.png | Bin 0 -> 3481 bytes sae-csc/src/app/pages/main/main.scss | 13 +++++++++++-- .../app/pages/similar-cases/similar-cases.html | 2 +- .../bottom-navigation/bottom-navigation.html | 12 +++--------- .../translate-texts/translate-texts.html | 17 ++++++++++------- .../shared/translate-texts/translate-texts.ts | 1 + sae-csc/src/styles/app/styles/pages/_main.scss | 8 +++++++- .../app/styles/pages/_similar-cases.scss | 3 --- sae-csc/src/styles/main.scss | 11 ++++++++--- 12 files changed, 53 insertions(+), 29 deletions(-) create mode 100644 sae-csc/public/chatbot.png diff --git a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss index 6e93876..b9d36ed 100644 --- a/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss +++ b/my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss @@ -89,6 +89,7 @@ width: 32px; height: 32px; border-radius: 8px; + margin-right: 10px; } app-copy button.copy { diff --git a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss index 8c67de4..878c4b3 100644 --- a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss +++ b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss @@ -67,7 +67,7 @@ .chips-listing { display: flex; position: absolute; - top: 560px; + top: 595px; margin-top: 16px; border-radius: 4px; background: variables.$csc-filters-box-color; diff --git a/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.scss b/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.scss index 7122f87..9e890f1 100644 --- a/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.scss +++ b/my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.scss @@ -199,8 +199,16 @@ .placeholder, .fake-input { border: solid 1px grey; - padding: 16px; - border-radius: 6px; + border-radius: 8px; + background-color: white; + padding: 10px 40px; + width: 100%; + height: 42px; + overflow: hidden; + color: var(--color-text-secondary, #525668); + text-overflow: ellipsis; + font-size: var(--Font-Base, 14px); + .is-disabled & { color: grey; diff --git a/sae-csc/public/chatbot.png b/sae-csc/public/chatbot.png new file mode 100644 index 0000000000000000000000000000000000000000..22cf4088fb6c204b7a74292bbcd22c2a5d356c34 GIT binary patch literal 3481 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 -
+
+
+ - - - - - - - - - +
} diff --git a/sae-csc/src/app/shared/translate-texts/translate-texts.html b/sae-csc/src/app/shared/translate-texts/translate-texts.html index 28dd7bf..5c712ff 100644 --- a/sae-csc/src/app/shared/translate-texts/translate-texts.html +++ b/sae-csc/src/app/shared/translate-texts/translate-texts.html @@ -1,20 +1,23 @@
- + +
@if (!fileIsUploaded || !appState.fromText.length || !fromTextFocused) { - - - - + + + } + } diff --git a/sae-csc/src/app/shared/translate-texts/translate-texts.ts b/sae-csc/src/app/shared/translate-texts/translate-texts.ts index a5885fc..22a3494 100644 --- a/sae-csc/src/app/shared/translate-texts/translate-texts.ts +++ b/sae-csc/src/app/shared/translate-texts/translate-texts.ts @@ -12,6 +12,7 @@ import {ActionTypes, StateInterface} from './../../redux/reducers'; }) export class TranslateTexts { public disabled: boolean = false; + public showFileUploadButton: boolean = true; public researchLaunched: boolean = false; public fromText: string = ''; public toText: string = 'résumé ici' diff --git a/sae-csc/src/styles/app/styles/pages/_main.scss b/sae-csc/src/styles/app/styles/pages/_main.scss index 5742e46..3464494 100644 --- a/sae-csc/src/styles/app/styles/pages/_main.scss +++ b/sae-csc/src/styles/app/styles/pages/_main.scss @@ -52,7 +52,7 @@ body { position: fixed; bottom: 0; width: 100%; - padding: 16px 64px 16px 1181px; + padding: 16px 64px; justify-content: flex-end; align-items: center; background: white; @@ -61,5 +61,11 @@ body { box-shadow: 0 -10px 20px 0 rgba(30, 31, 34, 0.05); + .container-fixed { + margin: 0 auto; + width: 1330px; + text-align: right; + } + } diff --git a/sae-csc/src/styles/app/styles/pages/_similar-cases.scss b/sae-csc/src/styles/app/styles/pages/_similar-cases.scss index b7d8c40..a9c3d5a 100644 --- a/sae-csc/src/styles/app/styles/pages/_similar-cases.scss +++ b/sae-csc/src/styles/app/styles/pages/_similar-cases.scss @@ -49,7 +49,4 @@ } } - .bot-avatar { - background: transparent url('/public/chatbot.png') center center no-repeat; - } } diff --git a/sae-csc/src/styles/main.scss b/sae-csc/src/styles/main.scss index 1ab68fd..661a0ab 100644 --- a/sae-csc/src/styles/main.scss +++ b/sae-csc/src/styles/main.scss @@ -1,4 +1,9 @@ +@use "app/styles/pages/main.scss"; +@use "app/styles/pages/similar-cases.scss"; +@use "app/styles/pages/admin.scss"; -@use "app/styles/pages/main.scss"; -@use "app/styles/pages/similar-cases.scss"; -@use "app/styles/pages/admin.scss"; +.bot-avatar { + background: transparent url('public/chatbot.png') center center no-repeat !important; + background-size: contain; + +}