Merge pull request #15 from drzzle-app/styleFeatures

Style features
drzzle-app · Aug 10, 2020 · cdff0b8 · cdff0b8
2 parents 8c9ae2f + 6db643c
commit cdff0b8
Show file tree

Hide file tree

Showing 8 changed files with 99 additions and 2 deletions.
diff --git a/src/droplets/event-card/themes/default/styles.less b/src/droplets/event-card/themes/default/styles.less
@@ -16,8 +16,10 @@
 
 .drzCard-event-inner {
   .box-shadow;
+  border-radius: 0;
   border-style: solid;
   border-width: 0;
+  overflow: hidden;
 }
 
 .drzCard-eventImage {

diff --git a/src/droplets/general-card/themes/default/styles.less b/src/droplets/general-card/themes/default/styles.less
@@ -16,8 +16,10 @@
 
 .drzCard-general-inner {
   .box-shadow;
+  border-radius: 0;
   border-style: solid;
   border-width: 0;
+  overflow: hidden;
 }
 
 .drzCard-generalImage {

diff --git a/src/droplets/navigation/themes/default/styles.less b/src/droplets/navigation/themes/default/styles.less
@@ -64,6 +64,7 @@
 }
 
 .drzNav-logo {
+  align-items: center;
   display: inline-flex;
   float: left;
   min-height: 45px;
@@ -92,7 +93,9 @@
 }
 
 .drzNav-link {
-  border: 1px solid transparent;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 1px;
   color: @white;
   display: block;
   padding: 11px 14px;
@@ -111,6 +114,12 @@
   float: none;
   position: relative;
   width: 200px;
+
+  &:last-child {
+    & > .drzNav-subLink {
+      border-bottom: 0;
+    }
+  }
 }
 
 .drzNav-subLink {
@@ -308,6 +317,7 @@
 
   .drzNav-link {
     background-color: transparent;
+    border: 0;
     border-bottom: 1px solid fade(@white, 10%);
     color: fade(@white, 75%);
     padding: 15px;
@@ -322,6 +332,7 @@
   }
 
   .drzNav-subLink {
+    border: 0;
     border-bottom: 1px solid fade(@white, 10%);
     color: fade(@white, 75%);
     padding: 15px;

diff --git a/src/droplets/step-card/themes/default/styles.less b/src/droplets/step-card/themes/default/styles.less
@@ -43,6 +43,10 @@
     @media @mobile {
       margin-bottom: 0;
     }
+
+    @media @tablet {
+      margin-bottom: 0;
+    }
   }
 
   &:hover {
@@ -56,8 +60,15 @@
     .col-6;
 
     @media @tablet {
+      margin-bottom: 10px;
       width: 100%;
     }
+
+    &:last-child {
+      @media @tablet {
+        margin-bottom: 0;
+      }
+    }
   }
 }
 
@@ -66,8 +77,15 @@
     .col-4;
 
     @media @tablet {
+      margin-bottom: 10px;
       width: 100%;
     }
+
+    &:last-child {
+      @media @tablet {
+        margin-bottom: 0;
+      }
+    }
   }
 }
 
@@ -79,6 +97,12 @@
       margin-bottom: 10px;
       width: 100%;
     }
+
+    &:last-child {
+      @media @tablet {
+        margin-bottom: 0;
+      }
+    }
   }
 }
 
@@ -90,15 +114,23 @@
       margin-bottom: 10px;
       width: 100%;
     }
+
+    &:last-child {
+      @media @tablet {
+        margin-bottom: 0;
+      }
+    }
   }
 }
 
 .drzCard-step-inner {
   .box-shadow;
+  border-radius: 0;
   border-style: solid;
   border-width: 0;
   height: 100%;
   min-height: 85px;
+  overflow: hidden;
 }
 
 .drzCard-stepArrow {
@@ -146,6 +178,7 @@
   font-weight: 300;
   margin: 0;
   padding: 15px;
+  width: 100%;
 
   @media @mobile {
     min-height: 120px;

diff --git a/src/droplets/tall-card/themes/default/styles.less b/src/droplets/tall-card/themes/default/styles.less
@@ -20,8 +20,10 @@
 
 .drzCard-tall-inner {
   .box-shadow;
+  border-radius: 0;
   border-style: solid;
   border-width: 0;
+  overflow: hidden;
 }
 
 .drzCard-tallImage {

diff --git a/src/droplets/wide-card/themes/default/styles.less b/src/droplets/wide-card/themes/default/styles.less
@@ -18,10 +18,12 @@
 .drzCard-wide-inner {
   .col-12;
   .box-shadow;
+  border-radius: 0;
   border-style: solid;
   border-width: 0;
   display: inline-block;
   float: left;
+  overflow: hidden;
 }
 
 .drzCard-wide-image {

diff --git a/src/less/picazzo/side-bar.less b/src/less/picazzo/side-bar.less
@@ -7,7 +7,7 @@
   height: 40px;
   position: fixed;
   width: 100%;
-  z-index: 5;
+  z-index: 12;
 }
 
 .picazzo-topBar-logo {

diff --git a/src/tools/modals/themes/default/styles.less b/src/tools/modals/themes/default/styles.less
@@ -239,3 +239,48 @@
   margin-top: -60px;
   transition: all 0.2s ease;
 }
+
+/* site search results under modals */
+.searchResults-container {
+  border-left: 1px solid darken(@white, 5%);
+  border-right: 1px solid darken(@white, 5%);
+  border-top: 1px solid darken(@white, 5%);
+  margin-top: 5px;
+  min-height: 1px;
+  position: absolute;
+  width: 400px;
+  z-index: 10;
+
+  .searchResult-link {
+    color: fade(@black, 50%);
+    text-decoration: none;
+  }
+
+  .searchResult {
+    .row;
+    background-color: @white;
+    border-bottom: 1px solid darken(@white, 5%);
+    display: block;
+    font-size: 10pt;
+    height: 55px;
+    margin-bottom: 0;
+    overflow: hidden;
+    padding: 10px 15px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    &:hover {
+      background-color: darken(@white, 2%);
+    }
+  }
+}
+
+.drzModal-search {
+
+  .searchResults-container {
+    clear: both;
+    position: relative;
+    top: 5px;
+    width: 100%;
+  }
+}