sysadmin/ct-dtv-hx0100-002kwos
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

issue #11 Done amenity feature renewal at 1st step.

Browse Source
This commit is contained in:
Paul Kim
2024-03-18 09:50:07 +09:00
parent d9f0ee0e34
commit 02ad6a7055
3 changed files with 379 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

230
procentric/application/theme/HJS00001/hoteltv.app.full.popup.css
View File

@@ -503,6 +503,7 @@
display: flex;
}
/*[AM1-1-1-3-1. Amenity bg: owl: amenity item sel window : winleft ] */
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winleft {
position: relative;
width: 902px;
@@ -516,7 +517,7 @@
border-bottom: 2px solid rgba(121,121,121,1);
}
/**** Amenity Category item ::> Table Header */
/*[AM1-1-1-3-1-1. Amenity bg: owl: amenity item sel window : winleft: item table] */
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header {
width:100%;
line-height: 54px;
@@ -661,6 +662,7 @@
}
/*[AM1-1-1-3-2. Amenity bg: owl: amenity item sel window : winright ] */
/**** Amenity Item Description ::> */
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright {
position: relative;
@@ -686,7 +688,7 @@
margin: 10px 25px 10px 25px;
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb.unavailable:before {
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb.unavailabel:before {
/* content: 'Not available';
width: 100%;
height: 100%;
@@ -702,7 +704,7 @@
line-height: 479px;
text-align: center; */
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb.unavailable:after {
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb.unavailabel:after {
/* content: '';
width: 100%;
height: 100%;
@@ -754,6 +756,7 @@
display: flex;
}
/*[AM1-1-1-4-1. Amenity bg: owl: amenity item sel cart window : winleft ] */
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft {
position: relative;
width: 902px;
@@ -811,7 +814,7 @@
overflow: hidden;
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #lable_quantity{
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #label_quantity{
line-height: 137px;
width: 50%;
height: 60%;
@@ -832,7 +835,7 @@
background-position: center;
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #lable_amount{
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winleft>.control #label_amount{
line-height: 91px;
width: 50%;
height: 40%;
@@ -921,8 +924,7 @@
margin: 0px 0px 0px 20px;
}
/*[AM1-1-1-4-2. Amenity bg: owl: amenity item sel cart window : winright ] */
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright {
position: relative;
width: 902px;
@@ -960,10 +962,6 @@
padding: 20px 2% 20px 2%;
}
/**** Amenity Category item ::> Table Header */
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.cart_table>.tbl_header {
width:100%;
@@ -1117,7 +1115,7 @@
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.summary>#lable{
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_cart_win .winright>.summary>#label{
line-height: 65px;
width: 50%;
height: 100px;
@@ -1280,7 +1278,7 @@
transform: scale(1.1);
} */
/*[AMx. Amenity Use guide style ] */
/*[AM3. Amenity Use guide style ] */
.popup .amenity>div.use_guide {
position: absolute;
top: 948px;
@@ -1299,7 +1297,7 @@
/*[AMx. Amenity cart style ] */
/*[AM4. Amenity cart style ] */
.popup .amenity>div.cart {
position: absolute;
top: 0px;
@@ -1358,7 +1356,211 @@
}
/*[AM5 Amenity order style ] */
.popup .amenity .order {
position: absolute;
left: 21px;
top: 207px;
width: 1874px;
height: 740px;
margin: 0;
padding: 0;
/* background: rgba(114,18,22,0.65); */
display: flex;
z-index: 1;
}
/*[AM5-1. Amenity order: winleft ] */
.popup .amenity .order .winleft {
position: relative;
width: 902px;
height: 100%;
margin: 0;
padding: 0;
background: rgba(14,18,22,0.65);
margin: 0px 10px 0px 25px;
color: rgb(249, 249, 249);
/* border-top: 2px solid rgba(121,121,121,1);
border-bottom: 2px solid rgba(121,121,121,1); */
}
/*[AM1-1-1-3-1-1. Amenity bg: owl: amenity item sel window : winleft: item table] */
.popup .amenity .order .winleft>.tbl_header {
width:100%;
line-height: 54px;
font-size: 30px;
text-align: center;
/* margin: 5px 0 15px 0; */
border-bottom: 4px solid rgba(121,121,121,1);
/* border-top: 2px solid rgba(121,121,121,1); */
}
.popup .amenity .order .winleft>.tbl_header tbody tr {
height: 54px;
max-height: 54px;
background-color: rgba(21, 27, 34, 1);
}
.popup .amenity .order .winleft>.tbl_header tbody tr>#orderid {
width: 45%;
float: left;
/* text-align: left; */
padding: 0 0px 0 20px;
}
.popup .amenity .order .winleft>.tbl_header tbody tr>#amount {
width: 20%;
float: left;
}
.popup .amenity .order .winleft>.tbl_header tbody tr>#date {
width: 35%;
float: left;
padding: 0px 30px 0 0px;
}
/**** Amenity Category item ::> Table Recored */
.popup .amenity .order .winleft>.tbl_record {
width:100%;
line-height: 54px;
font-size: 30px;
text-align: center;
/* margin: 5px 0 15px 0; */
}
.popup .amenity .order .winleft>.tbl_record tbody {
height: 572px;
overflow-y: auto;
display: block;
}
.popup .amenity .order .winleft>.tbl_record tbody tr {
/* height: 52px; */
display: block;
background-color: rgba(36, 45, 57, 1);
}
.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem {
height: 52px;
width: 100%;
font-size: 30px;
line-height: 52px;
border-bottom: 2px solid rgb(21, 27, 34);
}
.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus {
/* border-bottom: 2px solid rgb(255, 192, 0); */
border-bottom: 2px solid rgb(173, 255, 47);
background: rgba(29,36,47,1.0);
}
.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.unavailable {
/* border-bottom: 2px solid rgb(255, 192, 0); */
background: rgba(21,27,34,1.0);
color: rgb(121, 121, 121);
}
.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus.unavailable {
/* border-bottom: 2px solid rgb(255, 192, 0); */
border-bottom: 2px solid rgb(173, 255, 47);
background: rgba(21,27,34,1.0);
color: rgb(121, 121, 121);
}
.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus.unavailable:before {
}
.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem.focus.unavailable:after {
}
.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem>#orderid {
width: 45%;
float: left;
padding: 0px 0px 0px 20px;
}
.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem>#amount {
width: 20%;
float: left;
text-align: center;
}
.popup .amenity .order .winleft>.tbl_record tbody tr>.amOrderedItem>#date {
width: 35%;
float: left;
/* text-align: right; */
padding: 0px 30px 0 0px;
}
.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar {
display: block;
width: 20px;
/* 세로축 스크롤바 길이 */
height: 20px;
/* 가로축 스크롤바 길이 */
}
.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-track {
background-color: rgb(67, 82, 105);
}
.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-track-piece {
background-color: rgb(80, 98, 124);
}
.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-thumb {
border-radius: 8px;
background-color: rgb(51, 63, 80);
}
.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-button:start {
display: none;
/* background-color: orange; */
/* Top, Left 방향의 이동버튼 */
}
.popup .amenity .order .winleft>.tbl_record ::-webkit-scrollbar-button:end {
display: none;
/* background-color: orange; */
/* Bottom, Right 방향의 이동버튼 */
}
.popup .amenity .order .winleft>.summary{
position: relative;
height: 65px;
width: 96%;
margin: 12px 2% 0px 2%;
padding: 4px 2% 0px 2%;
display: flex;
float: left;
flex-direction: row;
flex-wrap: wrap;
overflow: hidden;
border-top: 4px solid rgba(121,121,121,1);
}
.popup .amenity .order .winleft>.summary>#label{
line-height: 65px;
width: 50%;
height: 100px;
font-size: 48px;
text-align: center;
}
.popup .amenity .order .winleft>.summary>#value{
line-height: 65px;
width: 50%;
height: 100%;
font-size: 52px;
color: rgb(173, 255, 47);
text-align: center;
}
/********************************************************************************/
/* AMENITY STYLE [ END ] */