Skip to content

Commit

Permalink
change to three columns
Browse files Browse the repository at this point in the history
  • Loading branch information
lucie07 committed Oct 11, 2023
1 parent a0e93b3 commit 298e1c6
Showing 1 changed file with 21 additions and 31 deletions.
52 changes: 21 additions & 31 deletions frontend/_includes/stories.liquid
Original file line number Diff line number Diff line change
Expand Up @@ -231,7 +231,7 @@ layout: base.liquid
<input type="checkbox" class="checkbox-input" />
<span class="checkbox-tile">
<span class="checkbox-icon">
<img src="https://cdn-icons-png.flaticon.com/512/1505/1505794.png" />
<img src="https://cdn-icons-png.flaticon.com/512/458/458512.png" />
</span>
<span class="checkbox-label">Settlements: Indigenous</span>
</span>
Expand All @@ -243,10 +243,10 @@ layout: base.liquid
<input type="checkbox" class="checkbox-input" />
<span class="checkbox-tile">
<span class="checkbox-icon">
<img src="https://cdn-icons-png.flaticon.com/512/172/172909.png" />
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSIbxcQB5z4_gLh1-prJHGgIAaavKgAVWCVgA&usqp=CAU" />
</span>
<span class="checkbox-label">Settlements: European</span>
</span>
</span>
</label>
</div>

Expand All @@ -255,9 +255,9 @@ layout: base.liquid
<input type="checkbox" class="checkbox-input" />
<div class="checkbox-tile">
<div class="checkbox-icon">
<img src="https://cdn-icons-png.flaticon.com/512/7146/7146872.png" />
<img src="data:image/png;base64,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" />
</div>
<div class="checkbox-label">Council fires</div>
<div class="checkbox-label">Placenames: Indigenous</div>
</div>
</label>
</div>
Expand All @@ -267,9 +267,9 @@ layout: base.liquid
<input type="checkbox" class="checkbox-input" />
<span class="checkbox-tile">
<span class="checkbox-icon">
<img src="https://cdn-icons-png.flaticon.com/512/458/458512.png" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAARVBMVEX///8AAP+goP8yMv/7+//d3f/p6f+jo/+rq/+0tP+/v//f3//l5f/Z2f/Ly/+lpf+amv/z8//R0f+7u/+oqP+urv8tLf8z+cKrAAABkElEQVR4nO3dQU4CURBF0W+DAg1iC+r+l6oDJ5qIhKTTrz7nruCdeSXV2uvh+XQ8juN43n21/e5l86Ph9jb/9ra9ovfdNY2/O+/b7qHvpu6FA2H5hrZdesLMEdaPsH6E9SOsH2H97kH4tvSEmRvaZukJM0dYP8L6EdaPsH73LjzuHyu0f/64VfjUirTqXbgmJIyPkDA/QsL8CAnzIyTMj5AwP8LehQNhgQgJ8yMkzI+QMD9CwvwICfMjJMyPkDA/QsL8CAnzIyTMj5AwP0LC/Ah7F/Z/MURYIULC/AgJ8yMkzI+QMD9CwvwICfMjJMyPkDA/QsL8CAnzIyTMj5Awv3sXvnQvvPRnhjAlQsL8CAnzIyTMj5AwP0LC/AgJ8yMkzI+QMD9CwvwICfMjJMyPsHfhjrBAhIT5ERLmR0iYHyFhfoSE+RES5kdImB8hYX6Ef3do6xK93iz8WBXpguGysIcI60dYP8L63YNwXHrCzBHWj7B+hPUjrB9h/QjrR1g/wvoN7bz0hJmb2n4aem46fQKJaHI1q40/TgAAAABJRU5ErkJggg==" />
</span>
<span class="checkbox-label">Land</span>
<span class="checkbox-label">Placenames: European</span>
</span>
</label>
</div>
Expand All @@ -279,10 +279,10 @@ layout: base.liquid
<input type="checkbox" class="checkbox-input" />
<span class="checkbox-tile">
<span class="checkbox-icon">
<img src="data:image/png;base64,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" />
<img src="https://cdn-icons-png.flaticon.com/512/7146/7146872.png" />
</span>
<span class="checkbox-label">River</span>
</span>
<span class="checkbox-label">Council fires</span>
</span>
</label>
</div>

Expand All @@ -291,10 +291,10 @@ layout: base.liquid
<input type="checkbox" class="checkbox-input" />
<span class="checkbox-tile">
<span class="checkbox-icon">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAARVBMVEX///8AAP+goP8yMv/7+//d3f/p6f+jo/+rq/+0tP+/v//f3//l5f/Z2f/Ly/+lpf+amv/z8//R0f+7u/+oqP+urv8tLf8z+cKrAAABkElEQVR4nO3dQU4CURBF0W+DAg1iC+r+l6oDJ5qIhKTTrz7nruCdeSXV2uvh+XQ8juN43n21/e5l86Ph9jb/9ra9ovfdNY2/O+/b7qHvpu6FA2H5hrZdesLMEdaPsH6E9SOsH2H97kH4tvSEmRvaZukJM0dYP8L6EdaPsH73LjzuHyu0f/64VfjUirTqXbgmJIyPkDA/QsL8CAnzIyTMj5AwP8LehQNhgQgJ8yMkzI+QMD9CwvwICfMjJMyPkDA/QsL8CAnzIyTMj5AwP0LC/Ah7F/Z/MURYIULC/AgJ8yMkzI+QMD9CwvwICfMjJMyPkDA/QsL8CAnzIyTMj5Awv3sXvnQvvPRnhjAlQsL8CAnzIyTMj5AwP0LC/AgJ8yMkzI+QMD9CwvwICfMjJMyPsHfhjrBAhIT5ERLmR0iYHyFhfoSE+RES5kdImB8hYX6Ef3do6xK93iz8WBXpguGysIcI60dYP8L63YNwXHrCzBHWj7B+hPUjrB9h/QjrR1g/wvoN7bz0hJmb2n4aem46fQKJaHI1q40/TgAAAABJRU5ErkJggg==" />
<img src="https://cdn-icons-png.flaticon.com/512/1505/1505794.png" />
</span>
<span class="checkbox-label">Land</span>
</span>
<span class="checkbox-label">Routes: land</span>
</span>
</label>
</div>

Expand All @@ -305,19 +305,7 @@ layout: base.liquid
<span class="checkbox-icon">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ8Sz5tgIabw4Xk_K61TJfwUAK7QW7Kj4AMBA&usqp=CAU" />
</span>
<span class="checkbox-label">River</span>
</span>
</label>
</div>

<div class="checkbox-wrapper-1">
<label class="checkbox-wrapper">
<input type="checkbox" class="checkbox-input" />
<span class="checkbox-tile">
<span class="checkbox-icon">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSIbxcQB5z4_gLh1-prJHGgIAaavKgAVWCVgA&usqp=CAU" />
</span>
<span class="checkbox-label">Land</span>
<span class="checkbox-label">Principal rivers</span>
</span>
</label>
</div>
Expand Down Expand Up @@ -371,15 +359,15 @@ layout: base.liquid
align-items: center; /* checkbox title ie land fire position within box */
justify-content: left; /* change icon position to left instead of center */
width: 90%; /* main checkbox tile width */
min-height: 1.2rem;
height: 90%; /* main checkbox tile height */
border-radius: 0.5rem;
border: 3px solid #c3d7b6;
background-color: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
transition: 0.15s ease;
cursor: pointer;
position: relative;
margin: 15px; /* margin bewteen each checkbox ensure not stick together */
margin: 5px; /* margin bewteen each checkbox ensure not stick together */
}
.checkbox-wrapper-1 .checkbox-tile:before {
content: "";
Expand Down Expand Up @@ -411,7 +399,7 @@ layout: base.liquid
.checkbox-wrapper-1 .checkbox-icon {
transition: 0.375s ease;
color: #494949;
margin: 25px; /* ensure icons not stick on left corner */
margin-left: 35px; /* ensure icons not stick on left corner */
width: auto;
height: auto;
Expand All @@ -426,6 +414,7 @@ layout: base.liquid
color: #000000; /*checkbox title ie land */
transition: 0.375s ease;
text-align: center;
padding-left: 15px; /* label and icon not stick too close */
}
.checkbox-columns {
Expand All @@ -435,9 +424,10 @@ layout: base.liquid
}
.checkbox-wrapper-1 {
width: 50%;
width: 33%; /* three columns */
height: 80px;
box-sizing: border-box;
padding: 10px;
padding-left: 15px;
}
@media (max-width: 768px) {
Expand Down

0 comments on commit 298e1c6

Please sign in to comment.