@csdsesystems/central-styles 0.1.0 → 1.0.2

package/sass/layout/_media-max-1199.scss

@@ -0,0 +1,7 @@
+@media (max-width: 1199px) {
+    .md-a-l {
+        text-align: left;
+        margin-top: 0;
+    }
+
+}

package/sass/layout/_media-max-1200.scss

@@ -0,0 +1,96 @@
+@media (max-width: 1200px) {
+    .col-md-right {
+        text-align: right !important;
+    }
+
+    .col-md-left {
+        text-align: left !important;
+    }
+
+    .add-m-sm {
+        margin-bottom: 10px;
+    }
+
+    .photo-container:hover div i {
+        top: 40%;
+    }
+
+    .list-item-request {
+
+        .list-row-requests-status {
+            width: 29%;
+            margin-bottom: 5px;
+            text-align: left;
+        }
+
+        .list-row-requests-status--payment {
+            text-align: right;
+        }
+
+        .list-row-requests-progress {
+            width: 58%;
+            margin-top: 10px;
+        }
+
+    }
+
+    .list-row-requests-status {
+        text-align: left;
+    }
+
+    .list-item-workorder {
+
+        .list-item-workorder--status,
+        .list-item-workorder--type {
+            width: 30%;
+        }
+
+        .list-item-workorder--assignee {
+            width: 40%;
+            text-align: right;
+        }
+
+        .list-item-workorder--equipment,
+        .list-item-workorder--createdDate {
+            width: 100%;
+        }
+
+        .list-item-workorder--equipment {
+            margin: 10px 0;
+        }
+
+        .list-item-workorder--createdDate {
+            text-align: left;
+            span, small { display: inline; clear: none; }
+        }
+
+    }
+
+    .booking-info .text-right{
+        text-align: left;
+    }
+
+    #upcoming-courses .course-grid-item {
+        width: 100%;
+    }
+
+    #resource-filters .tab-content {
+        max-height: 400px;
+        overflow-y: auto;
+        overflow-x: hidden;
+        .col-lg-3 {
+            max-height: none;
+            .widget {
+                display: none;
+            }
+        }
+    }
+
+    .show-block-mobile {
+        display: block;
+    }        
+
+    .hide-mobile {
+        display: none;
+    }
+}

package/sass/layout/_media-max-1400.scss

@@ -0,0 +1,7 @@
+/* MEDIA QUERIES - using max-width */
+
+@media (max-width: 1400px) {
+    .no-ibox-bg .ibox-content.scroll-list {
+        height: 260px;
+    }    
+}

package/sass/layout/_media-max-330.scss

@@ -0,0 +1,5 @@
+@media (max-width: 330px) {
+    .nav.navbar-top-links span.current_pocket {
+        display: none;
+    }
+}

package/sass/layout/_media-max-350.scss

@@ -0,0 +1,38 @@
+@media (max-width: 350px) {
+    .nav.navbar-top-links li.dropdown {
+		display: inline-block;
+    }
+
+    .nav.navbar-top-links span.current_pocket {
+        display: inline-block;
+        margin-top: 23px;
+    }
+
+    .show-mobile {
+        display: inline;
+    }
+
+    .show-block-mobile {
+        display: block;
+    }
+
+    .hide-mobile {
+        display: block;
+    }
+
+    .modal {
+        .btn-group {
+            width: 100%;
+        }
+        .text-right, .text-left {
+            .btn {
+                width: 100%;
+                margin-top: 10px;
+            }
+        }
+    }
+
+    .col-xxs-12 {
+        width: 100%;
+    }
+}

package/sass/layout/_media-max-400.scss

@@ -0,0 +1,51 @@
+@media (max-width: 400px) {
+    .table-list {
+        div.pull-right {
+            float:none !important;
+            display:block;
+            padding-left: 5px;
+        }
+        li {
+            padding: 5px 0;
+        }
+    }
+
+    .modal-dialog {
+        margin: -1px auto;
+    }
+
+    .list-item-workorder {
+
+        .list-item-workorder--status,
+        .list-item-workorder--type {
+            width: 100% !important;
+        }
+
+        .list-item-workorder--type {
+            margin-top: 10px;
+            .mini-widget--open {
+                text-align: left;
+            }
+        }
+
+        .list-item-workorder--assignee {
+            margin-top: 0;
+        }
+
+        .list-item-workorder--equipment {
+            .pull-right {
+                display: block;
+                clear: both !important;
+                float: left !important;
+                margin-top: 5px;
+                margin-bottom: 5px;
+            }
+
+            span:nth-child(2) {
+                display: block;
+                clear: both;
+            }
+        }
+
+    }
+}

package/sass/layout/_media-max-460.scss

@@ -0,0 +1,81 @@
+@media (max-width: 460px) {
+    .navbar-form-custom .form-group {
+        padding: 0 15px 10px 15px;
+    }
+
+
+    .navbar-search {
+        margin-top: 60px;
+
+        label, .search-clear {
+            top: 6px;
+        }
+    }
+
+    .fc-toolbar {
+        .fc-right .fc-button-group {
+            display: none;
+        }
+    }
+
+    .nav > li > a {
+        padding: 10px;
+    }
+
+    .pull-right.xxs-left {
+        float: none !important;
+        display: block;
+    }
+
+    ol.breadcrumb {
+        display: none;
+    }
+
+    .page-heading {
+        padding-top: 15px;
+
+        div span.pull-right {
+            clear: none;
+            float: right !important;
+            margin: 0 !important;
+            display: block;            
+        }
+
+        h1 {
+            font-size: 26px;
+            line-height: 32px;
+        }
+
+    }
+
+    .btn-responsive {
+        .text {
+            display: none;
+        }
+    }    
+
+
+    /* Top Nav */
+    .navbar-top-links li.profile-dropdown span.ellipsis {
+        max-width: 140px;
+        width: 140px;
+        display: inline-block;
+        margin-right: 0px;
+    }
+
+    .navbar-top-links li.profile-dropdown span.caret {
+        margin-top: -10px;
+    }    
+
+    .navbar-top-links li.profile-dropdown ul.dropdown-menu {
+        width: 100%;
+    }
+
+    .navbar-top-links li.profile-dropdown ul.dropdown-menu li a {
+        white-space: normal;
+    }
+
+
+}
+
+

package/sass/layout/_media-max-479.scss

@@ -0,0 +1,32 @@
+/* MEDIA QUERIES - using min-width */
+@media only screen and (max-width: 479px) {
+    .col-xs-left {
+        text-align: left !important;
+    }
+
+    .col-xxs {
+        width: 100%;
+    }
+
+    .pocket-centre-search {
+        div.text-right {
+            text-align: left;
+            margin-top: -5px;
+        }
+    }
+
+    .payments-stack {
+        .col-xs-5,
+        .col-xs-6,
+        .col-xs-7 {
+            width: 100%;
+            .lh-sm {
+                text-align: left;
+            }
+        }
+    } 
+
+    .agile-list .col-xxs-12 {
+        margin-top: 5px;
+    }
+} 

package/sass/layout/_media-max-550.scss

@@ -0,0 +1,47 @@
+@media (max-width: 550px) {
+    #toast-container.toast-top-center > div {
+        width: 100%;
+    }
+
+    .list-options {
+        .pull-right {
+            width: 100%;
+        }
+    }
+
+    .list-item-workorder {
+
+        .list-item-workorder--status {
+            width: 60%;
+        }
+
+        .list-item-workorder--type {
+            width: 40%;
+            .mini-widget--open {
+                text-align: right;
+            }
+        }
+
+        .list-item-workorder--assignee {
+            width: 100%;
+            clear: both;
+            text-align: left;
+            margin-top: 10px;
+
+            span, small {
+                display: inline;
+                clear: none;
+            }
+        }
+
+        .list-item-workorder--createdDate {
+            text-align: left;
+            margin-top: 10px;
+
+            span, small {
+                display: inline;
+                clear: none;
+            }
+        }
+    }
+}

package/sass/layout/_media-max-600.scss

@@ -0,0 +1,64 @@
+@media (max-width: 600px) {
+    /* .list-row {
+        margin: 10px 10px 5px 10px;
+    } */
+
+    .list-row-end {
+        //position: relative;
+        //padding: 0 10px 8px 10px;
+        //width: 100%;
+
+        span {
+            margin: 0 10px 0 0;
+        }
+
+        span.preview,
+        h2.preview{
+            float: right;
+        }
+    }
+
+    .list-item {
+        white-space: normal;
+    }
+
+    .list-item-request {
+        .list-row-end {
+            margin-top: 10px;
+            em { display: inline; }
+        }
+    }
+
+    .page-heading {
+        div {
+           span.pull-right {
+            clear: both;
+            float: none !important;
+            margin-top: 10px;
+            display: block;
+           }
+        }
+    }
+
+    .rolestable tr { 
+        display: inline;
+    }
+
+    .rolestable td {
+        float: left;
+        width: 50%;
+        //width: 100%;
+        padding-left: 5px !important;
+    }
+
+    /*
+    .rolestable td .i-checks2{
+        display: inline-block;
+        margin-right: 10px;
+    }
+
+    .rolestable td .i-checks2 .icheckbox_square-steelblue {
+        margin-right: 0px;
+    }
+    */
+}

package/sass/layout/_media-max-672.scss

@@ -0,0 +1,6 @@
+/* MEDIA QUERIES - using min-width */
+@media only screen and (max-width: 672px) {
+
+
+ 
+} 

package/sass/layout/_media-max-768.scss

@@ -0,0 +1,81 @@
+@media (max-width: 768px) {
+    .ibox-tools {
+        float: right;
+        display: inline-block;
+    }
+
+    .btn-block {
+        margin-top: 5px;
+        margin-bottom: 5px;
+    }
+
+    .landing-nav {
+        position: relative;
+        text-align: center;
+        .login-box {
+            background: none;
+        }
+    }
+
+    .col-xs-left {
+        text-align: left !important;
+    }
+
+    .rooms {
+        .room {
+            &-name, &-status {
+                display: block;
+                width: 100%;
+                clear: both;
+            }
+
+            &-status {
+                margin: 0 !important;
+            }
+        }
+    }
+
+    .bookings-calendar-downloads {
+        width: 100%;
+        float: left;
+
+        .btn-group {
+            width: 100%;
+            .btn {
+                width: 50%;
+                padding: 10px 0;
+            }
+        }
+    }
+
+    .bookings-calendar-title {
+        width: 100%;
+        float: left;
+        font-size: 16px;
+        line-height: 30px;
+        margin-bottom: 10px;
+    }    
+
+    .calendar-filter {
+        .date {
+            width: 100%;
+
+            i.fa {
+                display: block;
+                float: left;
+                width: 5%;
+                line-height: 30px;
+                max-width: none;
+                padding-top: 8px;
+            }            
+
+            .date-text.form-control {
+                display: block;
+                float: left;
+                width: 90%;
+                margin: 0;
+                padding-left: 5px;
+            }
+        }
+    }
+}

package/sass/layout/_media-max-840.scss

@@ -0,0 +1,11 @@
+@media (max-width: 840px) {
+
+    // .navbar-search {
+    //     clear:both;
+    // }
+
+    // .navbar-right .dropdown-menu {
+    //     margin-top: -48px;
+    // }
+
+}

package/sass/layout/_media-max-900.scss

@@ -0,0 +1,5 @@
+@media (max-width: 900px) {
+    c-list-preview, .list-preview {
+        padding-left: 0;
+    }
+}

package/sass/layout/_media-max-991.scss

@@ -0,0 +1,18 @@
+@media (max-width: 991px) {
+    .scrollable {
+        height: auto !important;
+        overflow-y: visible !important;
+    }
+
+    .booking-left-col .booking-info {
+        margin-bottom: 20px;
+        padding-bottom: 0px;
+    }
+}
+
+
+@media (min-width: 480px) and (max-width: 991px) {
+    .sm-r-a {
+    	text-align: right;
+    }
+}

package/sass/layout/_media-max-992.scss

@@ -0,0 +1,48 @@
+
+@media (max-width: 992px) {
+    .list-item-request {
+
+        .list-summary { margin-bottom: 5px; }
+
+        .list-row-requests-status {
+            width: 50%;
+            margin-top: 5px;
+        }
+
+        .list-row-requests-submitted {
+            text-align: left;
+            margin-top: 5px;
+        }
+
+        .list-row-requests-status--payment {
+            text-align: right;
+        }
+
+        .list-row-requests-progress {
+            width: 100%;
+            margin-top: 5px;
+
+            .list-row-requests-progress--header {
+                display: block;
+                float: none;
+                clear: both;
+                font-weight: bold;
+                margin: 10px 0;
+            }
+        }
+
+    }
+
+    #coffee {
+        height: 300px !important;
+    }
+
+    /* Centres Dashboard */
+    .list-filters .results-totals {
+        text-align: left;
+    }
+
+    #centres-map-side {
+        display: none;
+    }
+}

package/sass/layout/_media-max-999.scss

@@ -0,0 +1,35 @@
+@media (max-width: 999px) {
+    /* .listing  {
+        display: block;
+        width: 100%;
+    } */
+
+    .modal-dialog {
+        margin: -1px auto;
+    }
+
+    .list-item-workorder {
+
+        .list-item-workorder--status { width: 40%; }
+        .list-item-workorder--type { width: 30%; }
+
+        .list-item-workorder--equipment {
+            margin-top: 10px !important;
+        }
+
+        .list-item-workorder--assignee {
+            text-align: right;
+            width: 30%;
+        }
+
+        .list-item-workorder--createdDate {
+            text-align: left;
+            margin-top: 10px;
+
+            span, small {
+                display: inline;
+                clear: none;
+            }
+        }
+    }
+}

package/sass/layout/_media-min-1200.scss

@@ -0,0 +1,5 @@
+//Large
+@media only screen and (min-width: 1200px) {
+  
+
+}