Browse Source

KAZOO-2621: Since we're using the same left menu in the carrier app, add it to the global css, and remove it from the SmartPBX

4.3
Jean-Roch Maitre 12 years ago
parent
commit
92c5edb968
2 changed files with 1 additions and 143 deletions
  1. +0
    -142
      app.css
  2. +1
    -1
      views/app.html

+ 0
- 142
app.css View File

@ -5,145 +5,3 @@
@import url('submodules/strategy/strategy.css');
@import url('submodules/callLogs/callLogs.css');
@import url('submodules/users/users.css');
#voip_container {
margin: auto;
max-width: 1024px;
}
#voip_container > .left-menu {
float: left;
margin: 5px 10px 0 11px;
width: 179px;
}
#voip_container > .left-menu .category {
position: relative;
display: block;
padding: 15px 5px;
height: 30px;
border: 1px solid #dcdcdc;
border-radius: 4px;
background-color: #f6f6f6;
background-image: -webkit-linear-gradient(top, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 95%) 100%);
background-image: -moz-linear-gradient(top, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 95%) 100%);
background-image: -ms-linear-gradient(top, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 95%) 100%);
background-image: -o-linear-gradient(top, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 95%) 100%);
background-image: linear-gradient(top, hsl(0, 0%, 98%) 0%, hsl(0, 0%, 95%) 100%);
color: #555;
font-size: 18px;
line-height: 30px;
cursor: pointer;
}
#voip_container > .left-menu .category:hover { background: #eee; }
#voip_container > .left-menu .category.active {
position: relative;
background: none #22ccff;
color: #fff;
}
#voip_container > .left-menu .category.active::after {
position: absolute;
top: 21px;
right: -9px;
display: block;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 9px solid #22ccff;
content: "";
}
#voip_container > .left-menu .category.active .title i { color: #fff; }
#voip_container > .left-menu .category.simple { margin: 10px auto 0 auto; }
#voip_container > .left-menu .category .title {
display: inline-block;
overflow: hidden;
max-width: 126px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
}
#voip_container > .left-menu .category.simple .title { max-width: 165px; }
#voip_container > .left-menu .category .title i {
margin: 0px 8px 0px 4px;
color: #555;
}
#voip_container > .left-menu .category-group { margin-top: 20px; }
#voip_container > .left-menu .category-group .category {
border-top: 0;
border-bottom: 1px solid #dcdcdc;
border-radius: 0;
}
#voip_container > .left-menu .category-group .category:not(:first-child)::before {
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
content: "";
}
#voip_container > .left-menu .category-group .category:not(:first-child):hover::before { border-top: 1px solid #eee; }
#voip_container > .left-menu .category-group .category.active:not(:first-child)::before { border-top: 1px solid #22ccff; }
#voip_container > .left-menu .category-group .category:first-child {
border: 1px solid #dcdcdc;
border-radius: 4px 4px 0 0;
}
#voip_container > .left-menu .category-group .category:last-child {
border-radius: 0 0 4px 4px;
}
/* For smaller Icons */
#voip_container > .left-menu .category .title i.larger-margin { margin-right: 12px; }
#voip_container .right-content {
margin-bottom: 20px;
margin-left: 201px;
padding: 15px 15px 0;
}
#voip_container .right-content > * {
margin-top: 0;
padding-top: 0;
}
@media (max-width: 979px) {
#voip_container > .left-menu {
width: 59px;
-webkit-transition:width 0.5s;
-moz-transition:width 0.5s;
-o-transition:width 0.5s;
transition:width 0.5s;
}
#voip_container > .left-menu .category {
padding: 15px !important;
text-align: center;
}
#voip_container > .left-menu .category i {
margin: 0 !important;
font-size: 26px;
}
#voip_container .right-content {
margin-left: 81px;
-webkit-transition: margin 0.5s;
-moz-transition:margin 0.5s;
-o-transition:margin 0.5s;
transition:margin 0.5s;
}
}

+ 1
- 1
views/app.html View File

@ -1,4 +1,4 @@
<div id="voip_container" class="clearfix">
<div id="voip_container" class="clearfix container-menu">
<div class="left-menu">
<div id="my_office" class="category simple separated">
<div class="title">


Loading…
Cancel
Save