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

issue #11 going on developing new amenity&room service ui: 1st done(amenity menu selection)

Browse Source
This commit is contained in:
Paul Kim
2024-03-13 20:02:16 +09:00
parent 97afa01319
commit 08ad96e59b
9 changed files with 406 additions and 4915 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -429,11 +429,10 @@
}
/***********************
* Amenity Style *
***********************/
/* Amenity bg style */
/********************************************************************************
* AMENITY STYLE [ START HERE] *
********************************************************************************/
/*[AM1. Amenity bg style ] */
.popup .amenity {
top: 0px;
left: 0px;
@@ -441,6 +440,13 @@
height: 100%;
}
.popup .amenity div .item {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.popup .amenity .bg {
position: absolute;
top: 0px;
@@ -459,12 +465,6 @@
padding: 0;
}
.popup .amenity div .item {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.popup .amenity .bg .owl-carousel .owl-stage .owl-item {
width: 100%;
@@ -481,9 +481,9 @@
.popup .amenity .bg .owl-carousel .owl-stage .bottom_gradient{
position: absolute;
left: 0;
top: 988px;
top: 948px;
width: 100%;
height: 92px;
height: 132px;
background: linear-gradient(0deg, rgba(7,8,11,0.9) 0%, rgba(7,8,11,0.5) 65%, rgba(7,8,11,0) 100%);
}
@@ -512,26 +512,6 @@
border-bottom: 2px solid rgba(121,121,121,1);
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright {
width: 902px;
height: 740px;
margin: 0;
padding: 0;
background: rgba(14,18,22,0.65);
margin: 0px 25px 0px 10px;
color: rgb(249, 249, 249);
border-top: 2px solid rgba(121,121,121,1);
border-bottom: 2px solid rgba(121,121,121,1);
}
/** Amenity category item window table */
/* .popup .amenity .bg .am_item_sel_win .winleft>table {
width: 100%;
margin: 0px 10px 0 0px;
border-collapse: collapse;
} */
/**** Amenity Category item ::> Table Header */
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_header {
width:100%;
@@ -579,14 +559,14 @@
}
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody {
/* height: 276px;
display: block;
overflow: hidden; */
/* height: 285px; */
overflow-y: auto;
display: block;
}
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr {
/* height: 52px; */
display: block;
background-color: rgba(36, 45, 57, 1);
}
@@ -632,7 +612,7 @@
.popup .amenity .bg .am_item_sel_win .winleft>.tbl_record tbody tr>.amctgyItem>#status {
width: 30%;
float: left;
text-align: right;
/* text-align: right; */
padding: 0px 30px 0 0px;
}
@@ -670,8 +650,56 @@
}
/**** Amenity Item Description ::> */
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright {
width: 902px;
height: 740px;
margin: 0;
padding: 0;
background: rgba(14,18,22,0.65);
margin: 0px 25px 0px 10px;
color: rgb(249, 249, 249);
border-top: 2px solid rgba(121,121,121,1);
border-bottom: 2px solid rgba(121,121,121,1);
display: none;
}
.popup .amenity .bg .owl-carousel .owl-item.active[class*="focus"] .am_item_sel_win .winright{
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescThumb{
width: 852px;
height: 479px;
margin: 10px 25px 10px 25px;
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescDetails{
width: 852px;
height: 238px;
margin: 0px 25px 0px 25px;
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescDetails div#title{
height: 54px;
width: 100%;
line-height: 54px;
font-size: 44px;
white-space: pre-wrap;
text-overflow: ellipsis;
overflow: hidden;
border-bottom: 4px solid rgb(235,235,235);
filter: drop-shadow(0 0 5px rgb(0, 0, 0));
}
.popup .amenity .bg .owl-carousel .owl-stage .am_item_sel_win .winright .amItemDescDetails div#description{
line-height: 30px;
font-size: 30px;
white-space: pre-wrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 14px 0px 0px 0px;
}
@@ -721,10 +749,16 @@
padding: 0;
color: rgb(235, 235, 235);
/* font-size: 2.2vw; */
font-size: 34px;
font-size: 38px;
line-height: 52px;
white-space: nowrap;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
}
.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer .owl-item.focus.active.center #am_item_title{
font-size: 42px;
}
.popup .amenity .slider .owl-carousel.owl-theme .owl-stage-outer #ctgy_item_btn{
@@ -776,6 +810,20 @@
transform: scale(1.1);
} */
/*[AMx. Amenity Use guide style ] */
.popup .amenity>div.use_guide {
position: absolute;
top: 948px;
left: 0px;
width: 100%;
height: 132px;
margin: 0;
padding: 0;
}
/********************************************************************************/
/* AMENITY STYLE [ END ] */
/********************************************************************************/
@@ -785,16 +833,9 @@
/***********************
* Room Service Style *
***********************/
/********************************************************************************
* ROOMSERVICE STYLE [ START HERE] *
********************************************************************************/
.popup .roomservice {
position: absolute;
top: 96px;