Skip to content
Snippets Groups Projects
Commit 18b13f22 authored by Robert Goldmann's avatar Robert Goldmann
Browse files

#274 - styled checkboxes

parent 60d92f3a
No related branches found
No related tags found
No related merge requests found
.search-result { .search-result {
background-color: #666666; background-color: #666666;
} }
.search-checkbox-container input[type="checkbox"] + span:not(.lever)::before,
.search-checkbox-container input[type="checkbox"]:not(.filled-in) + span:not(.lever)::after {
border: 2px solid rgba(255, 255, 255, 0.7);
}
.search-checkbox-container input[type="checkbox"]:checked + span:not(.lever)::before {
border-top: 3px solid transparent;
border-left: 3px solid transparent;
border-right: 3px solid #45A0EF;
border-bottom: 3px solid #45A0EF;
}
\ No newline at end of file
.search-result { .search-result {
background-color: #fafafa; background-color: #fafafa;
} }
.search-checkbox-container input[type="checkbox"] + span:not(.lever)::before,
.search-checkbox-container input[type="checkbox"]:not(.filled-in) + span:not(.lever)::after {
border: 2px solid rgba(255, 255, 255, 0.7);
}
.search-checkbox-container input[type="checkbox"]:checked + span:not(.lever)::before {
border-top: 3px solid transparent;
border-left: 3px solid transparent;
border-right: 3px solid #45A0EF;
border-bottom: 3px solid #45A0EF;
}
\ No newline at end of file
...@@ -46,30 +46,38 @@ ...@@ -46,30 +46,38 @@
<div class="row"> <div class="row">
<div class="col s8 offset-s2 m4 offset-m2 l3 offset-l3"> <div class="col s8 offset-s2 m4 offset-m2 l3 offset-l3">
<div class="search-checkbox-container">
<label> <label>
<input type="checkbox" name="searchName" <#if search.isSearchName()>checked="checked"</#if>> <input type="checkbox" name="searchName" <#if search.isSearchName()>checked="checked"</#if>>
<span class="text-color">${locale.getString('search.in.name')}</span> <span class="text-color">${locale.getString('search.in.name')}</span>
</label> </label>
</div> </div>
</div>
<div class="col s8 offset-s2 m6 l6"> <div class="col s8 offset-s2 m6 l6">
<div class="search-checkbox-container">
<label> <label>
<input type="checkbox" name="searchDescription" <#if search.isSearchDescription()>checked="checked"</#if>> <input type="checkbox" name="searchDescription" <#if search.isSearchDescription()>checked="checked"</#if>>
<span class="text-color">${locale.getString('search.in.description')}</span> <span class="text-color">${locale.getString('search.in.description')}</span>
</label> </label>
</div> </div>
</div>
<div class="col s8 offset-s2 m4 offset-m2 l3 offset-l3"> <div class="col s8 offset-s2 m4 offset-m2 l3 offset-l3">
<div class="search-checkbox-container">
<label> <label>
<input type="checkbox" name="searchCategory" <#if search.isSearchCategory()>checked="checked"</#if>> <input type="checkbox" name="searchCategory" <#if search.isSearchCategory()>checked="checked"</#if>>
<span class="text-color">${locale.getString('search.in.category')}</span> <span class="text-color">${locale.getString('search.in.category')}</span>
</label> </label>
</div> </div>
</div>
<div class="col s8 offset-s2 m6 l6"> <div class="col s8 offset-s2 m6 l6">
<div class="search-checkbox-container">
<label> <label>
<input type="checkbox" name="searchTags" <#if search.isSearchTags()>checked="checked"</#if>> <input type="checkbox" name="searchTags" <#if search.isSearchTags()>checked="checked"</#if>>
<span class="text-color">${locale.getString('search.in.tags')}</span> <span class="text-color">${locale.getString('search.in.tags')}</span>
</label> </label>
</div> </div>
</div> </div>
</div>
</form> </form>
<div class="row search-container"> <div class="row search-container">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment