ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

PC상태설정 - 수정

Browse Source
This commit is contained in:
khk 2020-01-17 11:19:32 +09:00
parent 1385c3761f
commit b62b847d36
2 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html
View File

@ -350,6 +350,7 @@
" "
(edit)="$event.stopPropagation()" (edit)="$event.stopPropagation()"
(cancel)="$event.stopPropagation()" (cancel)="$event.stopPropagation()"
class="form-eidt"
> >
<span ucapInlineEditInput="view">{{ loginRes?.statusMessage1 }}</span> <span ucapInlineEditInput="view">{{ loginRes?.statusMessage1 }}</span>
<span ucapInlineEditInput="edit" <span ucapInlineEditInput="edit"
@ -359,6 +360,7 @@
type="text" type="text"
[value]="loginRes?.statusMessage1" [value]="loginRes?.statusMessage1"
(click)="$event.stopPropagation()" (click)="$event.stopPropagation()"
/></span> /></span>
</ucap-inline-edit-input> </ucap-inline-edit-input>
</button> </button>
@ -373,6 +375,7 @@
" "
(edit)="$event.stopPropagation()" (edit)="$event.stopPropagation()"
(cancel)="$event.stopPropagation()" (cancel)="$event.stopPropagation()"
class="form-eidt"
> >
<span ucapInlineEditInput="view">{{ loginRes?.statusMessage2 }}</span> <span ucapInlineEditInput="view">{{ loginRes?.statusMessage2 }}</span>
<span ucapInlineEditInput="edit" <span ucapInlineEditInput="edit"
@ -396,6 +399,7 @@
" "
(edit)="$event.stopPropagation()" (edit)="$event.stopPropagation()"
(cancel)="$event.stopPropagation()" (cancel)="$event.stopPropagation()"
class="form-eidt"
> >
<span ucapInlineEditInput="view">{{ loginRes?.statusMessage3 }}</span> <span ucapInlineEditInput="view">{{ loginRes?.statusMessage3 }}</span>
<span ucapInlineEditInput="edit" <span ucapInlineEditInput="edit"

19
projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss
View File

@ -253,8 +253,26 @@
button { button {
.presence { .presence {
margin-right: 10px; margin-right: 10px;
transform: translateY(0px);
cursor: pointer; cursor: pointer;
} }
.form-eidt {
display: inline-flex;
width: 100%;
height: 100%;
padding-right: 20px;
align-items: center;
span {
display: inline-flex;
&:nth-child(2) {
margin-left: auto;
}
input {
padding: 4px;
height: 70%;
}
}
}
&:nth-child(2) { &:nth-child(2) {
margin-right: 20px; margin-right: 20px;
margin-left: auto; margin-left: auto;
@ -265,7 +283,6 @@
width: 24px; width: 24px;
height: 24px; height: 24px;
&.clock { &.clock {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-clock'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
} }
&.edit { &.edit {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-edit-2'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'%3E%3C/path%3E%3C/svg%3E"); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-edit-2'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'%3E%3C/path%3E%3C/svg%3E");