From b43afc3ebb73b47b2382566ac3a8773a8d2516a0 Mon Sep 17 00:00:00 2001 From: khk Date: Thu, 21 Nov 2019 16:43:47 +0900 Subject: [PATCH 1/3] =?UTF-8?q?=EC=95=A8=EB=B2=94,=ED=8C=8C=EC=9D=BC?= =?UTF-8?q?=ED=95=A8-=20=ED=8D=BC=ED=8E=99=ED=8A=B8=20=EC=8A=A4=ED=81=AC?= =?UTF-8?q?=EB=A1=A4=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/left-side.component.scss | 14 ++- .../left-sidenav/chat.component.scss | 1 + .../left-sidenav/group.component.scss | 15 +-- .../components/right-drawer.component.scss | 7 ++ .../right-drawer/album-box.component.html | 4 +- .../right-drawer/album-box.component.scss | 23 ++-- .../right-drawer/file-box.component.html | 102 +++++++++--------- .../right-drawer/file-box.component.scss | 9 +- .../right-drawer/message-box.component.scss | 49 ++++++++- 9 files changed, 141 insertions(+), 83 deletions(-) diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss index 081401ec..43203001 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss @@ -33,6 +33,7 @@ width: 70px; flex-direction: row; } + ::ng-deep .organization-side { flex-direction: column; height: 100%; @@ -44,6 +45,7 @@ flex-flow: column; height: 280px; padding-top: 10px; + border-bottom: none; .mat-tab-label { width: 100%; height: 80px; @@ -92,11 +94,15 @@ .mat-tab-label-content { .icon-item { transform: scale(1); - /*svg { - stroke: #ef4c73; - fill: #ef4c73; - }*/ } } } } + +::ng-deep .ps { + .ps-content { + position: relative; + width: 100%; + height: 100%; + } +} diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss index dd3c4550..01da071c 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/chat.component.scss @@ -14,6 +14,7 @@ } .list-search { + position: relative; display: flex; flex-direction: row; height: 60px; diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.scss index 6ee241ce..c0f9275a 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.scss @@ -16,13 +16,6 @@ } } } -::ng-deep .ps { - .ps-content { - position: relative; - width: 100%; - height: 100%; - } -} .search-result { height: calc(100% - 130px); @@ -52,7 +45,7 @@ } } -.list-item-frame{ - width:100%; - height:100%; -} \ No newline at end of file +.list-item-frame { + width: 100%; + height: 100%; +} diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer.component.scss index 05af8861..f2f5be6d 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer.component.scss +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer.component.scss @@ -9,4 +9,11 @@ span{ margin-left:auto; } +} +::ng-deep .mat-tab-labels { + display: flex; + width: 100%; + border-bottom: 2px solid #dddddd; + flex: 1 1 auto; + justify-content: space-around; } \ No newline at end of file diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html index 765096d6..1c60254d 100644 --- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html +++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.html @@ -1,4 +1,4 @@ -
+
@@ -81,7 +81,7 @@
- +
- - - - - - - - - - - - - - - -
- - - - - - - Name - -
- {{ element.info.name }} -
-
- - {{ element.info.sendDate | dateToStringFormat: 'YYYY.MM.DD' }} ~ - 2020.01.23 -
-
sendDate - - {{ element.info.size | ucapBytes }} -
+ + + + + + + + + + + + + + + + +
+ + + + + + + Name + +
+ {{ element.info.name }} +
+
+ + {{ element.info.sendDate | dateToStringFormat: 'YYYY.MM.DD' }} ~ + 2020.01.23 +
+
sendDate + + {{ element.info.size | ucapBytes }} +
+