_includes/appscms/searchbar/devtool-searchbar.html in appscms-tools-theme-4.7.7 vs _includes/appscms/searchbar/devtool-searchbar.html in appscms-tools-theme-4.7.8

- old
+ new

@@ -1,63 +1,63 @@ -<style> - -#appscms-searchbar { - border-radius: 35px; - padding: 5px; - background-color: rgb(15 57 144 / 76%); - border: 2px solid #2C8DFF; - color: #2C8DFF; -} -.form-control{ - background-color: transparent; - color: #f3f3f3; -} - -search-features -.form-control::placeholder { - color: #f3f3f3; -} - -#search-features::placeholder{ - color: #f3f3f3; -} - -.form-control:focus { - background-color: transparent; - box-shadow: none; -} -</style><div class="container"> - <div class="row justify-content-center"> - <div class="col-lg-6 col-md-8 col-10"> - <form class="form-inline"> - <div class="input-group w-100 shadow" id="appscms-searchbar"> - <input - type="text" - id="search-features" - class="form-control rounded-pill border-0 px-4 text-white" - id="searchbar-placeholder" - placeholder="Search the tool you are looking for" - style="width: 50%" - /> - <button type="submit" class="btn btn-link btn-search"> - <svg - height="22px" - width="22px" - xmlns="http://www.w3.org/2000/svg" - width="800px" - height="800px" - viewBox="0 0 24 24" - fill="none" - > - <path - fill-rule="evenodd" - clip-rule="evenodd" - d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11ZM11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2Z" - fill="#fff" - /> - </svg> - </button> - </div> - </form> - </div> - </div> -</div> +<style> + +#appscms-searchbar { + border-radius: 35px; + padding: 5px; + background-color: rgb(15 57 144 / 76%); + border: 2px solid #2C8DFF; + color: #2C8DFF; +} +.form-control{ + background-color: transparent; + color: #f3f3f3; +} + +search-features +.form-control::placeholder { + color: #f3f3f3; +} + +#search-features::placeholder{ + color: #f3f3f3; +} + +.form-control:focus { + background-color: transparent; + box-shadow: none; +} +</style><div class="container"> + <div class="row justify-content-center"> + <div class="col-lg-6 col-md-8 col-10"> + <form class="form-inline"> + <div class="input-group w-100 shadow" id="appscms-searchbar"> + <input + type="text" + id="search-features" + class="form-control rounded-pill border-0 px-4 text-white" + id="searchbar-placeholder" + placeholder="Search the tool you are looking for" + style="width: 50%" + /> + <button type="submit" class="btn btn-link btn-search"> + <svg + height="22px" + width="22px" + xmlns="http://www.w3.org/2000/svg" + width="800px" + height="800px" + viewBox="0 0 24 24" + fill="none" + > + <path + fill-rule="evenodd" + clip-rule="evenodd" + d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11ZM11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C13.125 20 15.078 19.2635 16.6177 18.0319L20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L18.0319 16.6177C19.2635 15.078 20 13.125 20 11C20 6.02944 15.9706 2 11 2Z" + fill="#fff" + /> + </svg> + </button> + </div> + </form> + </div> + </div> +</div>