Latesy changes are commited
This commit is contained in:
+289
-27
@@ -1,5 +1,6 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
|
||||
:root {
|
||||
--topNavHeightMob:65px;
|
||||
--topNavHeight: 75px;
|
||||
--rtrWidth: 60px;
|
||||
--lftWidth: 275px;
|
||||
@@ -38,12 +39,10 @@ li {
|
||||
padding: 0px !important;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0px !important;
|
||||
}
|
||||
|
||||
.tp-bar {
|
||||
width: 100%;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
height: var(--topNavHeight);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@@ -53,11 +52,13 @@ li {
|
||||
padding-right: 0px !important;
|
||||
z-index: 1;
|
||||
margin-bottom: 0px;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
ul.tp-bar li {
|
||||
margin: 0px 16px;
|
||||
margin: 0px 5px;
|
||||
}
|
||||
ul.tp-bar li:last-child {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
li.logo-li {
|
||||
@@ -75,13 +76,9 @@ li.logo-li {
|
||||
}
|
||||
|
||||
.btm-bar {
|
||||
top: var(--topNavHeight);
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: calc(100vh - var(--topNavHeight));
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.lft-nav-bar {
|
||||
@@ -149,6 +146,7 @@ li.logo-li {
|
||||
position: fixed;
|
||||
overflow-y: hidden;
|
||||
z-index: 0;
|
||||
width: calc();
|
||||
left: var(--lftWidth);
|
||||
right: 0px;
|
||||
height: calc(100vh - var(--topNavHeight));
|
||||
@@ -160,6 +158,7 @@ li.logo-li {
|
||||
|
||||
.srch-bar {
|
||||
width: 35%;
|
||||
margin-left: 15px !important;
|
||||
}
|
||||
|
||||
.form-control#searchBar {
|
||||
@@ -504,17 +503,6 @@ ul.hdr-ul li {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.ctrl-vrtl {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: -30px;
|
||||
z-index: 1;
|
||||
background-color: var(--prmBgColor);
|
||||
height: 100%;
|
||||
}
|
||||
.ctrl-vrtl a {
|
||||
margin: 5px;
|
||||
}
|
||||
.ChtAppIfrme {
|
||||
margin-left: var(--rtrWidth);
|
||||
height: calc(100vh - var(--topNavHeight));
|
||||
@@ -534,12 +522,6 @@ ul.hdr-ul li {
|
||||
white-space: nowrap;
|
||||
text-align: right;
|
||||
}
|
||||
.w-mes {
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.apps-list {
|
||||
width: 360px;
|
||||
max-height: 450px;
|
||||
@@ -551,9 +533,289 @@ ul.hdr-ul li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 8px !important;
|
||||
width: 70px;
|
||||
width: 72px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.appsBind .appTitle {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* dont delete start here */
|
||||
.ctr-lst-pge .bdy-ul .pdng {
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 6px 15px 6px 20px !important;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #bebcbc;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ctr-lst-pge .bdy-ul .pdng.lst-Notifi:hover {
|
||||
-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.75);
|
||||
-moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.75);
|
||||
box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.75);
|
||||
}
|
||||
.ctr-lst-pge .bdy-ul .pdng:hover .hover {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.wi-chck {
|
||||
width: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
.wi-chck .wi-item {
|
||||
margin: 0px 8px;
|
||||
}
|
||||
.wi-sbjt-msge {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.wi-msge {
|
||||
flex-basis: 0;
|
||||
box-flex: 1;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wi-time {
|
||||
text-align: right;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.hdr-ul .dropdown-toggle-split {
|
||||
padding: 4px !important;
|
||||
}
|
||||
.ctr-lst-pge .bdy-ul .pdng .hover {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
padding-right: 20px;
|
||||
background-color: var(--secdSubColor);
|
||||
}
|
||||
.ctr-lst-pge .bdy-ul .pdng .hover ul li.hover-item {
|
||||
float: left;
|
||||
}
|
||||
.lst-Notifi[data-isreaded="2"],
|
||||
.ctr-lst-pge .bdy-ul .pdng.lst-Notifi[data-isreaded="2"] .hover {
|
||||
background-color: #cbceca;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.ctr-lst-pge .bdy-ul .pdng.lst-Notifi:hover .wi-time.time {
|
||||
display: none !important;
|
||||
}
|
||||
.svg-icons {
|
||||
width: 30px;
|
||||
}
|
||||
.apps-loading {
|
||||
width: 330px;
|
||||
height: 100vh;
|
||||
background-color: var(--secdSubColor);
|
||||
position: fixed;
|
||||
right: 0;
|
||||
}
|
||||
#list-page {
|
||||
height: 100vh;
|
||||
}
|
||||
.appsBind:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.wi-from.wi-item span {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.lst-Notifi[data-isreaded="8"] span {
|
||||
font-weight: 500;
|
||||
}
|
||||
.lst-Notifi[data-isreaded="2"] span {
|
||||
font-weight: 400;
|
||||
color: #6c757d !important;
|
||||
}
|
||||
.lst-Notifi[data-isreaded="8"] .wi-msge span,
|
||||
.lst-Notifi[data-isreaded="2"] .wi-msge span {
|
||||
color: #6c757d !important;
|
||||
font-weight: 400;
|
||||
}
|
||||
.pdng.lst-Notifi .ri-star-line {
|
||||
color: #6c757d;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.pdng.lst-Notifi:hover .ri-star-line,
|
||||
.pdng.lst-Notifi:hover .wi-item .form-check-input {
|
||||
opacity: 1;
|
||||
}
|
||||
.pdng.lst-Notifi .wi-item .form-check-input {
|
||||
border: 1px solid#6c757d !important;
|
||||
border-radius: 4px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.pdng.lst-Notifi .wi-item .form-check-input:checked {
|
||||
opacity: 1;
|
||||
background-color: #b2b2b2;
|
||||
}
|
||||
.ml-0 {
|
||||
margin-left: 0px !important;
|
||||
}
|
||||
.chck-box-ul.dropdown-menu.show {
|
||||
border: 0px;
|
||||
}
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown-item:hover {
|
||||
background-color: var(--prmBgColor) !important;
|
||||
}
|
||||
.ctr-lst-pge.apps-loaded {
|
||||
width: calc(100% - var(--rtrWidth) - 330px - 48px) !important;
|
||||
}
|
||||
.ctr-lst-pge.apps-loaded-tr {
|
||||
width: calc(100% - var(--lftWidth) - 330px - 48px) !important;
|
||||
}
|
||||
.frm_hdr[data-frm_hdr="true"]{
|
||||
display: none !important;
|
||||
}
|
||||
/* Mobile, tab View start here */
|
||||
|
||||
@media only screen and (max-width: 1024px) {
|
||||
.btm-bar .lft-nav-bar{
|
||||
display: none;
|
||||
}
|
||||
.btm-bar .ctr-lst-pge{
|
||||
left:0px !important;
|
||||
}
|
||||
.sdr-nme{
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
border-radius: 50%;
|
||||
background-color: #00d67f;
|
||||
}
|
||||
.hdr-ul{
|
||||
display: none !important;
|
||||
}
|
||||
.ctr-lst-pge{
|
||||
border-top-left-radius:0px;
|
||||
border-top-right-radius:0px;
|
||||
}
|
||||
.ctr-lst-pge .bdy-ul .pdng{
|
||||
padding: 8px !important;
|
||||
}
|
||||
.wi-chck{
|
||||
width: unset;
|
||||
}
|
||||
.wi-item:first-of-type{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.srch-bar{
|
||||
display: none;
|
||||
}
|
||||
.ctr-lst-pge{
|
||||
margin: 0px !important;
|
||||
}
|
||||
ul.tp-bar li:last-child{
|
||||
margin-right: 10px;
|
||||
}
|
||||
.mnNvIcn{
|
||||
margin:0px !important;
|
||||
padding: 0px !important;
|
||||
}
|
||||
.mnNvIcn-div{
|
||||
justify-content: unset;
|
||||
margin-left: 10px;
|
||||
flex-basis: content;
|
||||
}
|
||||
.tp-bar{
|
||||
height: 65px;
|
||||
}
|
||||
.tp-bar .logo-li{
|
||||
flex-basis: content;
|
||||
}
|
||||
.wi-chck{
|
||||
flex-basis: content;
|
||||
}
|
||||
.apps-loading{
|
||||
width: 100%;
|
||||
top: var(--topNavHeightMob);
|
||||
}
|
||||
.frm-ifre{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
/* Mobile, tab View End here */
|
||||
|
||||
|
||||
/*common Class start Here*/
|
||||
.w-5p{
|
||||
width: 5px;
|
||||
}.w-10p{
|
||||
width: 10px;
|
||||
}.w-15p{
|
||||
width: 15px;
|
||||
}.w-20p{
|
||||
width: 20px;
|
||||
}.w-25p{
|
||||
width: 25px;
|
||||
}.w-30p{
|
||||
width: 30px;
|
||||
}.w-35p{
|
||||
width: 35px;
|
||||
}.w-40p{
|
||||
width: 40px;
|
||||
}.w-45p{
|
||||
width: 45px;
|
||||
}.w-50p{
|
||||
width: 50px;
|
||||
}.w-55p{
|
||||
width: 55px;
|
||||
}.w-60p{
|
||||
width: 60px;
|
||||
}.w-65p{
|
||||
width: 65px;
|
||||
}.w-70p{
|
||||
width: 70px;
|
||||
}.fw-400{
|
||||
font-weight: 400;
|
||||
}.fw-500{
|
||||
font-weight: 500;
|
||||
}.fw-600{
|
||||
font-weight: 600;
|
||||
}.fw-700{
|
||||
font-weight: 700;
|
||||
}.font-10{
|
||||
font-size: 10px;
|
||||
}.font-11{
|
||||
font-size: 11px;
|
||||
}.font-12{
|
||||
font-size: 12px;
|
||||
}.font-13{
|
||||
font-size: 13px;
|
||||
}.font-14{
|
||||
font-size: 14px;
|
||||
}.font-15{
|
||||
font-size: 15px;
|
||||
}.font-16{
|
||||
font-size: 16px;
|
||||
}.font-17{
|
||||
font-size: 17px;
|
||||
}.font-18{
|
||||
font-size: 18px;
|
||||
}.font-19{
|
||||
font-size: 19px;
|
||||
}.font-20{
|
||||
font-size: 20px;
|
||||
}.font-21{
|
||||
font-size: 21px;
|
||||
}.font-22{
|
||||
font-size: 22px;
|
||||
}
|
||||
/*common Class End Here*/
|
||||
|
||||
Reference in New Issue
Block a user