toolbar.html in appscms-tools-theme-4.9.0

- old
+ new

@@ -1,90 +1,7 @@
-<style>
-  .mobile-search-bar {
-    position: relative;
-    height: 100px;
-    width: 100%;
-    display: none;
-  }
 
-  .mobile-search-container {
-    display: flex;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    overflow: hidden;
-    height: 38px;
-    margin: 20px 0px 20px 0px;
-    background-color: white;
-    position: relative;
-  }
 
-  .mobile-search-input {
-    flex: 1;
-    border: none;
-    padding: 12px 16px;
-    font-size: 16px;
-    outline: none;
-  }
-
-  .mobile-search-input::placeholder {
-    color: #888;
-  }
-
-  .mobile-search-button {
-    background-color: #000;
-    border: none;
-    padding: 0 16px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    outline: none;
-  }
-
-  .mobile-search-button svg {
-    /* fill: #fff; */
-    height: 20px;
-  }
-
-  .mobile-search-button:active {
-    background-color: #555;
-  }
-
-  .mobile-nav-search {
-    position: relative;
-  }
-
-  .mobile-result-item {
-    padding: 9px 12px;
-  }
-
-  .mobile-result-item a {
-    color: #222325;
-  }
-
-  .mobile-searchbarResults {
-    background-color: #fff;
-    border: 1px solid #e4e5e7;
-    border-radius: 6px;
-    -webkit-box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
-    box-shadow: 0 17px 58px rgba(0, 0, 0, .08);
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #74767e;
-    cursor: default;
-    margin-top: 8px;
-    padding: 12px;
-    position: fixed;
-    margin-top: 42px;
-    width: 244px;
-    height: 400px;
-    overflow-y: scroll;
-    z-index: 101;
-    display: none;
-  }
-</style>
-
 {%- if site.newToolBar -%}
 <div class="appscms-toolbar"> 
   <div class="row">
     <div class="col-11 mx-auto">
       <div class="appscms-toolbar-list">
@@ -126,11 +43,11 @@
                 <div class="appscms-featured-tools">
                   <div class="category-tools">
                     <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4>
                     {%- for i in item.featuredLinks -%}
                     <a href="{{i.url}}" class="category-tools__item">
-                      <div class="icon_box v_2 v2">
+                      <div class="icon_box v_2 v2" style="background-color: {{i.color}};">
                         <img src="{{i.iconSrc}}" alt="icon-img" />
                       </div>
                       <div class="category-tools__content">
                         <h4>{{i.name}}</h4>
                         <p class="category-tools__descr gray">{{i.text}}</p>
@@ -200,12 +117,12 @@
                 <div class="appscms-featured-tools">
                   <div class="category-tools">
                     <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4>
                     {%- for i in item.featuredLinks -%}
                     <a href="{{i.url}}" class="category-tools__item">
-                      <div class="icon_box v_2 v2">
-                        <img src="{{i.iconSrc}}" alt="icon-img" />
+                      <div class="icon_box v_2 v2" >
+                        <img style="background-color: {{i.color}};" src="{{i.iconSrc}}" alt="icon-img" />
                       </div>
                       <div class="category-tools__content">
                         <h4>{{i.name}}</h4>
                         <p class="category-tools__descr gray">{{i.text}}</p>
                       </div>
@@ -383,59 +300,5 @@
     updateScrollButtons();
   });
 
 </script>
 
-<style>
-  .scroll-container {
-    display: flex;
-    align-items: center;
-    background-color: #333;
-    position: relative;
-  }
-
-  .scroll-left,
-  .scroll-right {
-    background-color: #4456f6f7;
-    color: white;
-    border: none;
-    height: 40px;
-    cursor: pointer;
-    position: absolute;
-    width: 40px;
-    top: 50%;
-    z-index: 100;
-    transform: translateY(-50%);
-  }
-
-  .scroll-left {
-    left: 0;
-  }
-
-  .scroll-right {
-    right: 0;
-  }
-
-  .scroll-left:hover,
-  .scroll-right:hover {
-    background-color: #8691f6f7;
-  }
-
-  .navbar {
-    /* overflow-x: auto; */
-    white-space: nowrap;
-    flex-grow: 1;
-    scroll-behavior: smooth;
-    display: flex;
-  }
-
-  .navbar ul {
-    padding: 0;
-    margin: 0;
-    display: flex;
-    list-style-type: none;
-  }
-
-  .navbar li {
-    display: inline;
-  }
-</style>
\ No newline at end of file