번역 1차 마무리

This commit is contained in:
khk 2020-01-10 12:10:07 +09:00
parent a80341d2ea
commit ccd5c7ec61
4 changed files with 25 additions and 16 deletions

View File

@ -59,7 +59,7 @@
</mat-form-field> </mat-form-field>
<button <button
class="send-message-button bg-primary-darkest" class="send-message-button bg-accent-darkest"
mat-icon-button mat-icon-button
type="submit" type="submit"
aria-label="Send message" aria-label="Send message"

View File

@ -26,7 +26,9 @@
} }
} }
textarea[name='message'] { textarea[name='message'] {
min-height: 30px; min-height: 2em;
line-height: 1.2em;
font-size: 0.9em;
} }
.mat-form-field-underline { .mat-form-field-underline {
background-color: none; background-color: none;

View File

@ -17,13 +17,23 @@
(click)="onClickSendTranslationMessage(translationPreviewInfo)" (click)="onClickSendTranslationMessage(translationPreviewInfo)"
> >
<!--{{ 'chat.send' | translate }}--> <!--{{ 'chat.send' | translate }}-->
<svg _ngcontent-smu-c52="" fill="none" height="20" stroke="currentColor" stroke-linecap="butt" stroke-linejoin="round" <svg
stroke-width="2" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"> _ngcontent-smu-c52=""
fill="none"
height="20"
stroke="currentColor"
stroke-linecap="butt"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="20"
xmlns="http://www.w3.org/2000/svg"
>
<path _ngcontent-smu-c52="" d="M12 19V6M5 12l7-7 7 7"></path> <path _ngcontent-smu-c52="" d="M12 19V6M5 12l7-7 7 7"></path>
</svg> </svg>
</button> </button>
<button <button
class="btn-close-translatebox bg-accent-dark" class="btn-close-translatebox bg-accent-color"
aria-label="Close" aria-label="Close"
(click)="onClickTranslationCancel()" (click)="onClickTranslationCancel()"
> >

View File

@ -10,29 +10,26 @@
font-size: 1.1em; font-size: 1.1em;
.translate-text { .translate-text {
margin: 10px 10px 10px 30px; margin: 14px 20px 14px 30px;
max-height: 100px; max-height: 100px;
word-break: break-all; word-wrap: break-word;
white-space: pre-wrap; white-space: pre-wrap;
word-break: break-word;
overflow-y: auto; overflow-y: auto;
display: flex; display: flex;
flex: 1 1 auto; flex: 1 1 auto;
} }
.btn-translation-send { .btn-translation-send {
/* min-width: 80px; align-self: center;
background-color: rgb(255, 255, 255,0.1); stroke: #ffffff;
border-radius: 0;
border: none;*/
background-color: #ffffff;
color: #333333;
border-radius: 0;
width: 40px; width: 40px;
height: 40px; height: 40px;
min-width: 40px;
border: 2px solid #ffffff;
border-radius: 50%; border-radius: 50%;
margin-right: 20px; margin-right: 20px;
padding: 0; padding: 0;
min-width: 40px; line-height: 1;
align-self: center;
} }
.btn-close-translatebox { .btn-close-translatebox {
height: 100%; height: 100%;