@capillarytech/creatives-library 0.1.31 → 1.0.0

package/styles/components/common/_accordianDropdown.scss

@@ -1,35 +0,0 @@
-.dropdown-content {
-  cursor: auto;
-  position: absolute;
-  display: none;
-  z-index: 11;
-  background: #fff;
-  margin: 0;
-  padding: 0; 
-  overflow-x: hidden;
-  overflow-y: auto;
-  transition: opacity .1s ease;
-  box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
-  border: 1px solid rgba(34,36,38,.15);
-  border-radius: 0 0px 2px 2px;
-  border-top: 0;
-  min-width: calc(100%);
-  min-width: calc(100%);
-}
-
-.dropdown-items{
-  overflow-x: hidden;
-  overflow-y: auto;
-  max-height: 230px;
-}
-
-.wrapper-dropdown{
-  position: relative;
-  outline: none;
-  width: 100%;
-}
-
-.dropdown-search {
-  margin: 10px 25px; 
-  width: 80%;
-}

package/styles/components/common/_message.scss

@@ -1,3 +0,0 @@
-.message-box{
-margin: 0 !important;
-}

package/styles/components/dimension/_dimension.scss

@@ -1,77 +0,0 @@
-.custom-dimension-sidebar{
-    text-align: left;
-    margin-left: 16px;
-    font-size: 16px;
-    height: calc(100vh - 220px);
-    max-height: calc(100vh - 220px);
-}
-.custom-dimension-sidebar div.list{
-    cursor:pointer;
-}
-.custom-dimension-sidebar div.list .active{
-    color: green;
-}
-
-.ui.grid > .custom-dimensions-container {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  padding-top:0;
-  padding-bottom:0;
-  border: 1px solid #ccc;
-}
-
-.custom-dimlist-container{
-  border-right: 1px solid #ccc;
-}
-
-.btn-custom{
-  background-color: #fff !important;
-  color: #2e89df !important;
-  border: 1px solid #2e89df !important;
-
-}
-
-.ui.button > .btn-custom{
-  :hover {
-    background-color: #ccc;
-  }
-  color: black;
-}
-
-.custom-sidebar-search{
-  padding-left: 12px;
-  padding-top: 10px;
-  padding-bottom: 10px;
-  border-radius: 4px;
-  margin-right: 5px;
-  display: flex;
-  width:300px;
-}
-
-.no-border.ui.horizontal.segments{
-  border:none;
-  box-shadow: none;
-  border-radius:0;
-}
-
-.no-border.ui.segments{
-  border:none;
-  box-shadow: none;
-  border-radius:0;
-}
-
-.ui.modal > .content{
-    max-height: calc(70vh);
-}
-
-.dim-text {
-  text-overflow: ellipsis;
-  width: 191px;
-  white-space: pre;
-  overflow: hidden;
-}
-
-.col-no-padding{
-  margin:0 !important;
-  padding:0 !important;
-}

package/styles/components/filters/_dateFilter.scss

@@ -1,68 +0,0 @@
-.date-filter-wrapper{
-  min-width: 400px;
-  padding: 4px 2px;
-
-  .till-date {
-    > .ui.button.active {
-      background-color: #e6f0fb !important;
-    }
-  }
-  .react-datepicker__day--in-range{
-    background-color: #2e89df;
-  }
-  .dateRangeTitle{
-    padding-left: 30%;
-    font-size: 16px;
-    vertical-align: 'super';
-  }
-  .selectedDateRange{
-    width: 140px;
-    outline: 'none';
-    border-top: 0;
-    border-left: 0;
-    border-right: 0;
-  }
-  .selectedDateText {
-    padding-top: 8px;
-  }
-  .editSelectedDate {
-    padding-left: 5px;
-    cursor: pointer;
-    color: #4e92e5;
-    font-weight: bold;
-  }
-  .compareDateToggle {
-    padding-top: 2px;
-    padding-bottom: 10px;
-  }
-  .dateCompareCheckbox {
-    padding-top: 10px;
-    padding-left: 5px;
-  }
-  .selectDateRangeTitle {
-    padding-bottom: 16px;
-  }
-  .backButton{
-    cursor: pointer;
-    color: black;
-  }
-  .dateRangeWrapper {
-    padding-top: 10px;
-  }
-
-  .dateRangeWrapper {
-    width: 485px;
-
-    .selectedDateTitleWrapper {
-      padding-bottom: 8px;
-
-      .selectedDateTitle {
-        padding-right: 8px;
-      }
-    }
-    .calenderIcon{
-      vertical-align: bottom;
-      padding-left: 8px;
-    }
-  }
-}

package/styles/components/filters/_dimensionFilter.scss

@@ -1,66 +0,0 @@
-.dimension-filter{
-  max-height: 320px;
-  overflow-y: scroll;
-  margin: 20px 0;
-}
-.dimension-value-list{
-  max-height:180px;
-  overflow-y: auto;
-}
-
-.create-chart-filter{
-  margin-top: 10px;
-  max-height: 260px;
-  overflow-y: scroll;
-}
-
-.dimension-filter-container{
-  width: 220px;
-  .ellipsis {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 200px;
-    width: 100%;
-    white-space: pre-wrap;
-    cursor: pointer;
-}
-}
-
-.ui.mini.button.with-material-icon{
-    font-size: .25rem;
-}
-.inline-dropdown {
-  color: #4e92e5 !important;
-  // width: 45px;
-  text-align: center !important;
-  vertical-align: middle;
-
-  .text{
-    margin: 0 5px;
-    text-decoration: underline;
-    text-decoration-style:dotted;
-    text-decoration-color:#4e92e5;
-    // width: 45px;
-  }
-}
-.selected-filters{
-  padding-left: 0 !important;
-}
-.dimfilter-name{
-  padding-left: 1.5em;
-}
-.dim-arrow{
-  padding-left: 5px;
-  padding-right: 5px;
-}
-.back-arrow{
-  cursor: pointer;
-}
-.no-filters{
-  font-style: italic;
-  line-height: 2.33em;
-}
-.ui.grid > .column.row > [class*="one wide"].column.dim-filter-btn,
-.ui.grid > .row > [class*="one wide"].column.dim-filter-btn{
-  width: 4.25% !important;
-}

package/styles/components/footer/_footer.scss

@@ -1,13 +0,0 @@
-.footer {
-  position: fixed;
-  width: 100%;
-  padding: 5px;
-  bottom: 0;
-  z-index: 10;
-  background: rgb(255, 255, 255);
-  box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
-
-  a {
-    color: #666666;
-  }
-}

package/styles/components/navigation/_leftnav.scss

@@ -1,213 +0,0 @@
-.leftNav {
-  background: #4C4743;
-  position: relative;
-  width: 280px;
-
-  &.close {
-    width: 10px;
-
-    .menu {
-      visibility: hidden;
-    }
-  }
-
-  .menu {
-    height: 100%;
-
-    .input {
-      input {
-        background: #666360;
-        color: white;
-        padding-left: 35px;
-        font-style: italic;
-        font-size: 12px;
-        border-radius: 0;
-
-        &::-webkit-input-placeholder {
-          /* Chrome */
-          color: white;
-          font-style: italic;
-          font-size: 12px;
-        }
-
-        &:-ms-input-placeholder {
-          /* IE 10+ */
-          color: white;
-          font-style: italic;
-          font-size: 12px;
-        }
-
-        &::-moz-placeholder {
-          /* Firefox 19+ */
-          color: white;
-          opacity: 1;
-          font-style: italic;
-          font-size: 12px;
-        }
-
-        &:-moz-placeholder {
-          /* Firefox 4 - 18 */
-          color: white;
-          opacity: 1;
-          font-style: italic;
-          font-size: 12px;
-        }
-
-        &:focus {
-          border: 1px solid #666360;
-        }
-      }
-
-      .search.icon {
-        left: 0 !important;
-        color: white;
-      }
-    }
-
-    .accordion {
-      margin: 5px 10px;
-      font-size: 14px;
-
-      .title {
-        color: #FFFFFF;
-        text-transform: capitalize;
-        padding: .4em 0;
-      }
-
-      .content {
-        margin-left: 1em;
-        padding: 0.5em 0 0 !important;
-
-        &::-webkit-scrollbar {
-          display: none;
-        }
-
-        .item {
-          display: block;
-          color: #FFFFFF;
-          margin: 0.5em 0 0.5em 0.8em;
-          text-transform: capitalize;
-
-          text-overflow: ellipsis;
-          width: 135px;
-          white-space: nowrap;
-          overflow: hidden;
-
-          &:first-child {
-            margin-top: 0;
-          }
-
-          &.selected,
-          &:hover {
-            color: #7DBA27;
-          }
-        }
-
-        .accordion {
-          margin: 0px;
-          .content {
-            padding: 0px !important;
-            .item {
-              margin-left: 1.6em;
-            }
-          }
-        }
-      }
-
-      .header {
-        i.plus {
-          float: right;
-          width: inherit;
-
-          &:before {
-            margin-right: 3px;
-          }
-        }
-      }
-    }
-  }
-
-  .leftnav-toggle {
-    position: absolute;
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-    transform: translateY(-50%);
-    right: -15px;
-  }
-}
-
-
-.sidebar-search{
-  padding-left: 12px;
-  padding-top: 10px;
-  padding-bottom: 10px;
-  border-radius: 4px;
-  width: 165px;
-  margin-right: 5px;
-  display: flex;
-}
-
-.menu-header{
-    display: flex;
-    text-transform: uppercase;
-    margin: 0.5em 12px 0 1em;
-    padding: 0 0 2px 0;
-    border-bottom-width: 1px;
-    border-color: rgba(0, 0, 0, 0.12);
-    border-bottom-style: solid;
-    a{
-      color: #000;
-      &:hover{
-        color: #000;
-      }
-    }
-}
-.menu-title {
-    font-style: normal;
-    font-weight: 400;
-    flex : 0 0 155px;
-}
-
-.searchbar{
-  display: flex;
-}
-
-.control-arrow{
-  cursor: pointer;
-  margin-top: 16px;
-}
-
-.module-menu-header {
-  font-size: 18px;
-  font-weight: bold;
-  margin-left: 0.8em;
-}
-
-.sidebar-accordian {
-  margin: 0 0 0 0.7em;
-  font-size: 13px!important;
-  .title {
-    padding-top: 4px!important;
-    padding-bottom: 4px!important;
-    .dropdown.icon {
-      margin: 0 0.1rem 0 0;
-    }
-  }
-
-  .content .item {
-    padding-top: 4px!important;
-    padding-bottom: 4px!important;
-
-    &.selected {
-      margin-left: -0.6em!important;
-      text-indent: 0.5em!important;
-      background-color: rgba(0, 0, 0, 0.06)!important;
-    }
-
-    &:hover {
-      margin-left: -0.6em!important;
-      text-indent: 0.5em!important;
-    }
-  }
-}
-

package/styles/components/navigation/_topnav.scss

@@ -1,52 +0,0 @@
-.notifications {
-  min-width: 400px!important;
-  padding-top: 30px !important;
-}
-
-.padding-10 {
-  padding: 5px !important;
-}
-
-.topnav {
-  .search.dropdown {
-    background: #4C4743 !important;
-    min-width: 150px;
-    color: white !important;
-    border-color: #666666 !important;
-
-    &.active {
-      input.search:focus + .text {
-        color: white !important;
-      }
-    }
-
-    &.active,
-    &:focus,
-    &:hover {
-      border: 2px solid #666666 !important;
-    }
-  }
-}
-
-.org-list-drp-dwn {
-  width: 250px!important;
-  text-align: left!important;
-  text-transform: capitalize;
-  .menu > .item {
-    text-align: left!important;
-    height: 35px!important;
-  }
-}
-
-.navbar{
-  .item{
-    cursor: default;
-    .material-icons{
-      cursor: pointer;
-    }
-  }
-}
-
-.logo-container {
-    width: 199px!important;
-}

package/styles/containers/_module.scss

@@ -1,3 +0,0 @@
-@import 'login/loginPage';
-@import 'layout/layoutPage';
-@import 'reports/reportPage';

package/styles/containers/layout/_layoutPage.scss

@@ -1,169 +0,0 @@
-@mixin transitionAll() {
-    transition: all .5s ease-out;
-}
-
-.ui.grid {
-    margin-left: 0rem !important;
-    margin-right: 0rem !important;
-}
-
-.wrapper{
-    height: 100%;
-    position: relative;
-    font-family: "proxima-nova","open-sans", sans-serif !important;
-}
-
-.main{
-    display: flex;
-    display: -webkit-box;
-    display: -ms-flexbox;
-
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
-    flex-direction: row;
-
-    -webkit-align-items: stretch; /* Safari */
-    align-items:         stretch;
-    min-height: calc(100vh - 48px);
-}
-
-.sidebar{
-    background-color: #F2F3F7;
-    -webkit-box-flex: 0;
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
-    flex: 0 0 auto;
-    max-height: calc(100vh - 48px);
-
-   //transition: all .5s ease-out;
-    &.collapse {padding: 8px 0;
-      max-width: 200px;
-      min-width: 200px;
-      width: 16%;
-      overflow-y: hidden;
-      height: 100%;
-      display: -webkit-box;
-      display: -moz-box;
-      display: -ms-flexbox;
-      display: -webkit-flex;
-      display: flex;
-      overflow-x: hidden;
-        transform: translateX(-100%);
-    }
-}
-
-.sidebar-collapse {
-  margin-right: -160px;
-  background-color: #fff;
-}
-
-.custom-sidebar{
-  -webkit-box-flex: 0;
-  -webkit-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-  width: 250px;
-   max-height: calc(100vh - 48px);
-  overflow-y: auto;
-
- //transition: all .5s ease-out;
-  &.collapse {
-      transform: translateX(-100%);
-  }
-}
-
-.main-content{
-    background-color: #ffffff;
-    -webkit-box-flex: 1;
-    -webkit-flex: 1 1 auto;
-    -ms-flex: 1 1 auto;
-    flex: 1;
-    height: calc(100vh - 50px);
-    overflow: auto;
-    padding: 8px 16px 0;
-    color: #333333;
-}
-
-.breadcrumbs{
-    color: $blue-cloud-burst-54;
-    margin: 16px 10px 12px 10px;
-    line-height: 1.67;
-    font-family: "open-sans",sans-serif;
-    font-style: normal;
-    font-weight: 400;
-    a{
-        color: $blue-cloud-burst-54;
-    }
-}
-
-.btn-toggle{
-    position: absolute;
-    top: 49px;
-    left: 1px;
-}
-
-.togglebar{
-    background-color: #ffffff;
-    -webkit-box-flex: 0;
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
-    flex: 0 0 auto;
-    width: 50px;
-    &.push {
-        margin-left: -200px;
-    }
-}
-
-.dash-title {
-    text-align: center;
-}
-.perf-profiler {
-  z-index: 10000;
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  right: 50px;
-  top: 20px;
-  padding: 10px;
-  background: #bada55;
-  border: 2px solid black;
-  text-align: center;
-}
-
-.perf-profiler > h1 {
-  font-size: 1.5em;
-}
-
-.perf-profiler > button {
-  display: block;
-  margin-top: 10px;
-  padding: 5px;
-}
-
-.material-icons {
-    cursor: pointer;
-    margin: 3px;
-    color: #707070;
-}
-
-.cap-loader-box {
-  position: fixed;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background: rgb(255,255,255);
-  text-align: center;
-
-  .loader-image {
-    width: 80px;
-    margin-top: 20%;
-  }
-}
-
-.opacity-class{
-    opacity: 0;
-}
-
-html {
-  font-size: 16px !important;
-}