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

ng-deep 정리중(2차)

Browse Source
This commit is contained in:
khk 2020-02-11 11:09:57 +09:00
parent 39ed5dc95f
commit 0005bebdec
7 changed files with 29 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.scss
View File

@ -18,7 +18,6 @@
} }
.search-result { .search-result {
//height: calc(100% - 130px);
overflow: auto; overflow: auto;
.result-num { .result-num {
padding: 10px; padding: 10px;
@ -33,10 +32,10 @@
} }
} }
} }
::ng-deep .mat-tab-body-content { /*::ng-deep .mat-tab-body-content {
height: 100%; height: 100%;
overflow: unset; overflow: unset;
} }*/
.mat-menu-item { .mat-menu-item {
display: flex; display: flex;
align-items: center; align-items: center;

20
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.scss
View File

@ -18,7 +18,7 @@
.message-item { .message-item {
cursor: pointer; cursor: pointer;
} }
::ng-deep .message-box { .message-box {
position: relative; position: relative;
height: 100%; height: 100%;
.message-section { .message-section {
@ -32,9 +32,6 @@
min-width: 33%; min-width: 33%;
} }
} }
.mat-tab-body-wrapper {
height: calc(100% - 50px);
}
} }
.search-sub { .search-sub {
padding: 0 20px; padding: 0 20px;
@ -69,3 +66,18 @@
} }
} }
} }
//쪽지 local style
::ng-deep .message-box {
.mat-tab-label {
min-width: 33%;
}
.mat-radio-label {
.mat-radio-label-content {
padding-left: 4px;
}
}
.mat-tab-body-wrapper {
height: calc(100% - 50px);
}
}

4
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss
View File

@ -188,7 +188,7 @@
} }
} }
} }
//mat-snack-bar //mat-snack-bar 공통
::ng-deep .cdk-global-overlay-wrapper { ::ng-deep .cdk-global-overlay-wrapper {
.mat-snack-bar-container { .mat-snack-bar-container {
margin: 0; margin: 0;
@ -229,7 +229,7 @@
} }
} }
::ng-deep .chat-header { .chat-header {
.profile-img { .profile-img {
.chat-timer { .chat-timer {
.mat-button-wrapper { .mat-button-wrapper {

5
projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss
View File

@ -327,6 +327,11 @@ $ease-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
} }
} }
.mat-card > .notice {
p {
margin-bottom: 10px;
}
}
@media all and (max-width: 1400px) { @media all and (max-width: 1400px) {
.slider { .slider {
&_content { &_content {

2
projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss
View File

@ -20,6 +20,8 @@
.chat-messages { .chat-messages {
width: 100%; width: 100%;
height: 100%; height: 100%;
min-width: 320px;
overflow-x: auto;
font-size: 1em; font-size: 1em;
.messenger-statusbar-container { .messenger-statusbar-container {

2
projects/ucap-webmessenger-ui-account/src/lib/components/login.component.scss
View File

@ -83,7 +83,7 @@ $login-max-height: 800px;
.submit-button { .submit-button {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
margin: 2vh 0 1.6vh; margin: 1.4vh 0;
display: block; display: block;
} }
} }

2
projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.scss
View File

@ -60,7 +60,7 @@ textarea[name='message'] {
::ng-deep .send-message-button { ::ng-deep .send-message-button {
margin-left: 20px; margin-left: 20px;
@media screen and (max-width: #{$tablet-l-width}), (max-height: 800px) { @media screen and (max-width: #{$tablet-l-width}), (max-height: 800px) {
margin-left: 10px; margin-left: 6px;
} }
.mat-button-wrapper { .mat-button-wrapper {
display: flex; display: flex;