extract css from juci-layouts to layouts.less
authorReidar Cederqvist <reidar.cederqvist@gmail.com>
Thu, 22 Feb 2018 09:56:21 +0000 (10:56 +0100)
committerReidar Cederqvist <reidar.cederqvist@gmail.com>
Wed, 21 Mar 2018 12:13:34 +0000 (13:13 +0100)
juci/src/css/juci-inputs.less [new file with mode: 0644]
juci/src/css/layouts.less [new file with mode: 0644]
juci/src/widgets/juci-layout-no-menu.html
juci/src/widgets/juci-layout-single-column.html
juci/src/widgets/juci-layout-with-sidebar.html

diff --git a/juci/src/css/juci-inputs.less b/juci/src/css/juci-inputs.less
new file mode 100644 (file)
index 0000000..c5bb103
--- /dev/null
@@ -0,0 +1,74 @@
+@import "./colors.less";
+
+.dhcp-input-id {
+       width: 35% !important;
+}
+
+.dhcp-input-option {
+       width: 50% !important;
+}
+
+.dhcp-input-add {
+       width: 15% !important;
+}
+
+div.dhcp-input-entries {
+       margin-top: 5px;
+       width: 100%;
+}
+
+.dhcp-input-well-id {
+       width: 35% !important;
+       color:@theme-input-dhcp-color;
+       border:1px solid @theme-input-dhcp-well-border;
+}
+
+.dhcp-input-well-option {
+       width: 50% !important;
+       color:@theme-input-dhcp-color;
+       border:1px solid @theme-input-dhcp-well-border;
+}
+
+.ws-nowrap {
+       white-space: nowrap;
+}
+
+input.input-ip4-address-width {
+       width: 3.8em !important;
+       min-width: unset !important;
+}
+
+.input-ip4-address-dot {
+       line-height: 3em;
+       padding-left: 0.5em;
+       padding-right: 0.5em;
+}
+
+.radio-info input[type="radio"] {
+       cursor: pointer; 
+}
+
+.radio-info input[type="radio"] + label::after {
+       background-color: #64bd63;
+}
+
+.radio-info input[type="radio"]:checked + label::before {
+       border-color: #808080;
+}
+
+.radio-info input[type="radio"]:checked + label::after {
+       background-color: #64bd63;
+}
+
+.input-port-width {
+       width: 80px;
+}
+
+.input-range-width {
+       width: 120px !important;
+}
+
+button.expand-size-range {
+       width: 26px;
+       height: 34px;
+}
diff --git a/juci/src/css/layouts.less b/juci/src/css/layouts.less
new file mode 100644 (file)
index 0000000..088becb
--- /dev/null
@@ -0,0 +1,11 @@
+.layout-no-menu {
+       padding-top: 80px;
+}
+
+.layout-single-column {
+       padding-top: 30px;
+}
+
+.layout-with-sidebar-spacer {
+       height: 60px;
+}
index bf5eba5..b4293ae 100644 (file)
@@ -1,6 +1,6 @@
 <div>
        <div ng-cloak class="juci-container container dynheight" role="main" >
-               <div class="row" style="padding-top: 80px;">
+               <div class="row layout-no-menu">
                        <div class="col-xs-12">
                                <div class="row">
                                        <div class="col-xs-1"></div>
index 08b96fb..ccba908 100644 (file)
@@ -1,7 +1,7 @@
 <div>
        <juci-navbar></juci-navbar>
        <div ng-cloak class="container dynheight" role="main" >
-               <div class="row" style="padding-top: 30px;">
+               <div class="row layout-single-column">
                        <div class="col-xs-12">
                                <div class="row">
                                        <div class="col-xs-12 vf-content ">
index 2724a05..72cfcf0 100644 (file)
@@ -16,6 +16,6 @@
                        </div>
                </div>
        </div>
-       <div style="height: 60px;"/>
+       <div class="layout-with-sidebar-spacer"/>
        <juci-footer></juci-footer>
 </div>