From 663ea2f2eca3b7da3bdaffb13eaac44433adb62f Mon Sep 17 00:00:00 2001
From: wyu <kknd09321@nate.com>
Date: 목, 16 12월 2021 13:13:54 +0900
Subject: [PATCH] 기록탭 html 태그 보이는 내용 수정 / 사이드바 사용자 프로필 등급, 부서명 표시 수정
---
src/main/webapp/assets/styles/main.css | 402 +++++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 372 insertions(+), 30 deletions(-)
diff --git a/src/main/webapp/assets/styles/main.css b/src/main/webapp/assets/styles/main.css
index 198571c..19b6b3e 100644
--- a/src/main/webapp/assets/styles/main.css
+++ b/src/main/webapp/assets/styles/main.css
@@ -123,7 +123,7 @@
body {
margin: 0;
font-family: "Noto Sans", "Avenir Next W01", "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
- font-size: 0.84rem;
+ font-size: 0.8rem;
font-weight: 400;
line-height: 1.5;
color: #3E4B5B;
@@ -890,6 +890,26 @@
order: 12;
}
+.offset-detail-1 {
+ margin-left: 4%
+}
+
+.offset-detail-2 {
+ margin-left: 5.8%;
+}
+
+.offset-detail-3 {
+ margin-left: 8%;
+}
+
+.offset-detail-4 {
+ margin-left: 9.2%;
+}
+
+.offset-detail-5 {
+ margin-left: 30%;
+}
+
.offset-1 {
margin-left: 8.3333333333%;
}
@@ -934,6 +954,9 @@
margin-left: 91.6666666667%;
}
+.offset-12 {
+ margin-left: 100%;
+}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
@@ -3339,6 +3362,12 @@
color: #fff;
background-color: #343a40;
border-color: #343a40;
+}
+
+.btn-darkgrey {
+ color: #fff;
+ background-color: #727072;
+ border-color: #727072;
}
.btn-dark:hover {
@@ -9867,7 +9896,7 @@
.table tfoot th,
.table thead th {
- font-size: 0.75rem;
+ font-size: 0.8rem;
}
.table th.nowrap {
@@ -10764,6 +10793,10 @@
border-radius: 40px;
}
+.btn.btn-roundRel {
+ border-radius: 100%;
+}
+
.btn.btn-upper, .all-wrapper .btn-upper.fc-button {
text-transform: uppercase;
letter-spacing: 1px;
@@ -11320,14 +11353,34 @@
min-width: 540px;
}
+body .daterangepicker-single {
+ -webkit-box-shadow: 3px 25px 50px rgba(77, 76, 132, 0.34);
+ box-shadow: 3px 25px 50px rgba(77, 76, 132, 0.34);
+ font-family: "Avenir Next W01", "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+ border: none;
+ padding: 15px;
+ z-index: 3000;
+}
+
+
@media screen and (max-width: 767px) {
body .daterangepicker {
min-width: 300px;
}
+
}
+@media screen and (max-width: 767px) {
+ body .daterangepicker-single {
+ }
+}
body .daterangepicker::after {
+ display: block;
+ clear: both;
+ content: "";
+}
+body .daterangepicker-single::after {
display: block;
clear: both;
content: "";
@@ -11339,11 +11392,26 @@
margin: 10px;
}
+body .daterangepicker-single .calendar {
+ float: left;
+ max-width: 300px;
+ margin: 10px;
+}
+
body .daterangepicker .calendar td {
cursor: pointer;
}
+body .daterangepicker-single .calendar td {
+ cursor: pointer;
+}
+
body .daterangepicker .calendar td:hover {
+ background-color: #1a88fb;
+ color: #fff;
+}
+
+body .daterangepicker-single .calendar td:hover {
background-color: #1a88fb;
color: #fff;
}
@@ -11354,7 +11422,18 @@
border-color: #fff;
}
+body .daterangepicker-single .calendar td.in-range {
+ background-color: #1a88fb;
+ color: #fff;
+ border-color: #fff;
+}
body .daterangepicker .calendar td.active, body .daterangepicker .calendar td.active:hover {
+ background-color: #046fdf;
+ color: #fff;
+ border-color: #fff;
+}
+
+body .daterangepicker-single .calendar td.active, body .daterangepicker-single .calendar td.active:hover {
background-color: #046fdf;
color: #fff;
border-color: #fff;
@@ -11365,7 +11444,20 @@
padding: 5px 10px;
}
+body .daterangepicker-single .ranges {
+ clear: left;
+ padding: 5px 10px;
+}
+
body .daterangepicker .ranges .btn, body .daterangepicker .ranges .all-wrapper .fc-button, .all-wrapper body .daterangepicker .ranges .fc-button {
+ padding: 5px 10px;
+ line-height: 1;
+ vertical-align: middle;
+ text-transform: none;
+ font-size: 0.81rem;
+}
+
+body .daterangepicker-single .ranges .btn, body .daterangepicker-single .ranges .all-wrapper .fc-button, .all-wrapper body .daterangepicker-single .ranges .fc-button {
padding: 5px 10px;
line-height: 1;
vertical-align: middle;
@@ -11380,12 +11472,30 @@
font-size: 0.72rem;
}
+
+body .daterangepicker-single th {
+ font-weight: 500;
+ text-align: center;
+ padding: 5px 0px;
+ font-size: 0.72rem;
+}
+
body .daterangepicker th.prev {
text-align: left;
cursor: pointer;
}
+body .daterangepicker-single th.prev {
+ text-align: left;
+ cursor: pointer;
+}
+
body .daterangepicker th.next {
+ text-align: right;
+ cursor: pointer;
+}
+
+body .daterangepicker-single th.next {
text-align: right;
cursor: pointer;
}
@@ -11403,11 +11513,29 @@
border: 1px solid #eee;
}
+body .daterangepicker-single .calendar td {
+ font-weight: 300;
+ font-size: 0.81rem;
+ text-align: right;
+ font-size: 0.81rem;
+ padding: 5px 8px;
+ border: 1px solid #eee;
+}
+
body .daterangepicker .calendar th.month {
color: #047bf8;
}
+body .daterangepicker-single .calendar th.month {
+ color: #047bf8;
+}
+
+
body .daterangepicker .calendar-table {
+ padding-top: 10px;
+}
+
+body .daterangepicker-single .calendar-table {
padding-top: 10px;
}
@@ -11416,7 +11544,17 @@
padding-bottom: 5px;
}
+
+body .daterangepicker-single thead tr:first-child th {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+ padding-bottom: 5px;
+}
+
body .daterangepicker thead tr:first-child + tr th {
+ padding-top: 10px;
+}
+
+body .daterangepicker-single thead tr:first-child + tr th {
padding-top: 10px;
}
@@ -11424,7 +11562,18 @@
position: relative;
}
+body .daterangepicker-single .daterangepicker_input {
+ position: relative;
+}
+
+
body .daterangepicker .daterangepicker_input input {
+ width: 100%;
+ display: block;
+ padding-left: 35px;
+}
+
+body .daterangepicker-single .daterangepicker_input input {
width: 100%;
display: block;
padding-left: 35px;
@@ -11453,6 +11602,8 @@
-moz-osx-font-smoothing: grayscale;
content: "\e926";
}
+
+daterangepicker_single
body .daterangepicker .fa.fa-chevron-left.glyphicon.glyphicon-chevron-left:before {
@@ -12502,13 +12653,26 @@
padding: 3px;
font-size: 14px;
position: absolute;
- top: 50%;
- right: 15px;
+ top: 40%;
+ right: 5%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.08);
border-radius: 6px;
}
+
+.logged-user-w .logged-user-toggler-arrow_change {
+ padding: 3px;
+ font-size: 14px;
+ position: absolute;
+ top: 32%;
+ right: 5%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+ background-color: rgba(0, 0, 0, 0.08);
+ border-radius: 6px;
+}
+
.logged-user-w.avatar-inline {
text-align: left;
@@ -12534,13 +12698,26 @@
padding: 3px;
font-size: 14px;
position: absolute;
- top: 50%;
- right: 15px;
+ top: 40%;
+ right: 5%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.08);
border-radius: 6px;
}
+
+.logged-user-w.avatar-inline .logged-user-toggler-arrow_change {
+ padding: 3px;
+ font-size: 14px;
+ position: absolute;
+ top: 32%;
+ right: 5%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+ background-color: rgba(0, 0, 0, 0.08);
+ border-radius: 6px;
+}
+
.logged-user-w.avatar-inline .logged-user-avatar-info {
display: -webkit-box;
@@ -12605,13 +12782,15 @@
.menu-w .logo-w .logo-element,
.top-bar .logo-w .logo-element {
content: "";
- width: 60px;
- height: 30px;
- background-image: url(../images/logo-owl.png);
+ width: 110px;
+ height: 40px;
+ background-image: url(../images/logo-kisa-en.png);
+ background-size: cover;
position: relative;
display: inline-block;
vertical-align: middle;
- margin-right: 20px;
+ margin-right: 0px;
+ right: 10px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@@ -12619,11 +12798,13 @@
.menu-w .logo-w .logo-element:after,
.top-bar .logo-w .logo-element:after {
content: "";
- width: 105px;
- height: 31px;
- background-image: url(../images/logo-owltxt.png);
+ width: 120px;
+ height: 30px;
+ background-image: url(../images/logo-kisa-txt.png);
+ background-size: cover;
right: -20px;
- left: 70px;
+ left: 110px;
+ top: 10px;
position: absolute;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
@@ -12631,14 +12812,14 @@
.menu-w .logo-w .logo:hover .logo-element,
.top-bar .logo-w .logo:hover .logo-element {
- -webkit-transform: translateX(5px);
- transform: translateX(5px);
+ -webkit-transform: translateX(2px);
+ transform: translateX(2px);
}
.menu-w .logo-w .logo:hover .logo-element:after,
.top-bar .logo-w .logo:hover .logo-element:after {
- -webkit-transform: translateX(-10px);
- transform: translateX(-10px);
+ -webkit-transform: translateX(-3px);
+ transform: translateX(-3px);
}
.menu-w .logo-w .logo:hover .logo-label:after,
@@ -12878,7 +13059,7 @@
.menu-w .logo-w {
text-align: center;
- padding: 14px 1rem 14px 1.7rem;
+ padding: 10px 1rem 12px 1.1rem;
}
.menu-w .logo-w a {
@@ -14125,7 +14306,7 @@
}
.menu-position-side.menu-w.color-scheme-dark .logo-w {
- background-color: #000035;
+ background-color:#FFFFFF;
}
.menu-position-side.menu-w.color-scheme-dark .element-search:before {
@@ -16520,11 +16701,17 @@
line-height: 20px;
text-align: center;
}
-
-.auth-box-w .auth-header img {
+/* 湲곗〈 濡쒓퀬 �쐞移� 諛� �겕湲� */
+/*.auth-box-w .auth-header img {
width: 70px;
-}
+}*/
+/* �씤�꽣�꽬 吏꾪씎�썝 濡쒓퀬 �쐞移� 諛� �겕湲� 議곗젙*/
+.auth-box-w .auth-header img {
+ width: 120px;
+ position: relative;
+ bottom: 6px;
+}
.auth-box-w form {
padding: 20px 50px;
padding-bottom: 20px;
@@ -19212,7 +19399,7 @@
-webkit-box-align: center;
-ms-flex-align: center;
/*align-items: center;*/
- padding: 20px;
+ padding: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
@@ -20337,7 +20524,8 @@
.full-chat-w .user-intro .user-intro-info .user-sub {
color: rgba(0, 0, 0, 0.7);
- font-size: 0.72rem;
+ font-size: 1rem;
+ font-weight: 600;
margin-top: 5px;
margin-bottom: 5px;
}
@@ -20920,7 +21108,7 @@
border: 0px solid #047bf8;
color: #888;
margin-right: 2px;
- font-size: 0.72rem;
+ font-size: 0.8rem;
border-radius: 4px;
margin-bottom: 2px;
margin-top: 2px;
@@ -20933,7 +21121,7 @@
color: darkblue;
font-weight: 600;
margin-right: 2px;
- font-size: 0.72rem;
+ font-size: 0.8rem;
border-radius: 4px;
margin-bottom: 2px;
margin-top: 2px;
@@ -28337,6 +28525,14 @@
margin-top: 30px !important;
}
+.mt-40 {
+ margin-top: 40px; !important;
+}
+
+.mt-50 {
+ margin-top: 50px; !important;
+}
+
.ml-10 {
margin-left: 10px !important;
}
@@ -28353,9 +28549,23 @@
margin-right: 20px !important;
}
+.mr-30 {
+ margin-right: 30px !important;
+}
+
+
.ml-10 {
margin-left: 10px !important;
}
+
+.ml-20 {
+ margin-left: 20px !important;
+}
+
+.ml-30 {
+ margin-left: 30px !important;
+}
+
.m-0 {
margin: 0 auto !important;
@@ -28424,6 +28634,7 @@
padding: 15px;
text-align: center;
border: 1px solid #ddd;
+
}
@@ -28531,6 +28742,27 @@
transition: .4s;
}
+.slider-disabled {
+ position: absolute;
+ cursor: pointer;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: #2196F3;
+}
+
+.slider-disabled:before {
+ position: absolute;
+ content: "";
+ height: 18px;
+ width: 18px;
+ left: 30px;
+ bottom: 4px;
+ background-color: white;
+}
+
+
input:checked + .slider {
background-color: #2196F3;
}
@@ -28550,6 +28782,16 @@
}
.slider.round:before {
+ border-radius: 50%;
+}
+
+.slider-disabled.round {
+ opacity: 50%;
+ border-radius: 34px;
+}
+
+.slider-disabled.round:before {
+ opacity: 50%;
border-radius: 50%;
}
@@ -29489,6 +29731,7 @@
overflow: hidden;
margin-top: 30px;
font-size: 0.69rem;
+ margin-left: 35rem;
}
.width-20-p {
@@ -29839,10 +30082,25 @@
.icon-reverse::after {
transform: rotate(180deg);
}
+/* �썝蹂� �룿�듃 �궗�씠利� 二쇱꽍 泥섎━*/
+/*.issue-detail-label {*/
+/* font-size: 0.71rem;*/
+/* color: #777*/
+/*}*/
+.issue-main-label {
+ font-size: 0.6rem;
+ color: #777;
+}
+
+.issue-detail-tab {
+ font-size: 0.9rem;
+ font-weight: 800;
+}
.issue-detail-label {
- font-size: 0.71rem;
- color: #777
+ font-size: 0.9rem;
+ color: #777;
+ font-weight: 800;
}
input[type="number"]::-webkit-outer-spin-button,
@@ -30203,4 +30461,88 @@
color: #282c34;
font-size: 15px;
}
-/* 媛꾪듃李⑦듃 end */
+
+.country {
+ margin-left: 3.25rem;
+}
+
+.h3-div {
+ font-size: 1.75rem;
+}
+/*translate="issue.issueTitle"*/
+.info_font {
+ color: #000;
+ font-size: 0.8rem;
+ line-height: 1.5;
+ font-weight: 600;
+}
+
+.email_font {
+ color: #494848;
+ font-size: 0.75rem;
+ line-height: 1.5;
+ font-weight: 600;
+}
+
+.info_detail_font {
+ color: #000;
+ font-size: 1rem;
+ line-height: 1.5;
+ font-weight: 600;
+}
+
+.email_color {
+ color:#0066ff;
+}
+
+.mgr-1 {
+ margin-right: 1rem;
+}
+
+.TemplateIMG {
+ height: 50px;
+ width: 50px;
+ margin: 20px;
+}
+
+.TemplateIMG-selected {
+ border: 2px solid #0066ff;
+
+}
+
+.TemplateIMG:active {
+ border: 2px solid #0066ff;
+}
+
+.TemplateIMG:visited {
+ border: 2px solid #0066ff;
+
+}
+
+.Template-area {
+ text-align: center;
+}
+
+.TemplateEX {
+ float : left;
+}
+
+.Email-Templates {
+ height: 150px;
+ width: 300px;
+ display: none;
+ margin: 0 auto;
+}
+
+/* �씠�뒋 �듃由� */
+/**
+ * Framework starts from here ...
+ * ------------------------------
+ */
+
+.tree,
+.tree ul {
+ list-style:none;
+}
+
+
--
Gitblit v1.8.0