Commit a9d3db4f authored by yPhil's avatar yPhil
Browse files

Layout: Column/Block toggle button

parent 50e1fff2
......@@ -424,8 +424,8 @@ $feeds = 'feeds.xml';
foreach (array_keys($tabGroups) as $tabName) {
echo '
<div id="tab-'.$tabName.'" class="nws-tab-feeds nws-tab-feeds-cols">
<span class="nws-button-col-wrapping" title="Change the column flowing style">&#128462;</span>
<span class="nws-button-col-wrapping-phone" title="Change the column flowing style">&#128442;</span>
<span class="nws-button-col-wrapping" title="Toggle ['.$tabName.'] column flowing style">&#128441;</span>
<span class="nws-button-col-wrapping-phone" title="Change the column flowing style">&#128443;</span>
<span class="nws-button-gallery-tab" title="View all images in the ['.$tabName.'] tab">►</span>
';
foreach ($tabGroups[$tabName] as $tabUrl)
......
......@@ -195,11 +195,25 @@ div.nws-tab-feeds {
margin: 0 .5em 0 0;
}
.nws-button-gallery-tab,
.nws-button-col-wrapping,
.nws-button-col-wrapping-phone {
color: var(--main-color-level-3);
}
.nws-button-reload:hover,
.nws-button-gallery-feed:hover,
.nws-button-gallery-tab:hover,
.nws-button-col-wrapping:hover,
.nws-button-col-wrapping-phone:hover {
color:var(--main-color-level-7);
}
.nws-button-col-wrapping-phone {
font-size:130%;
font-size:150%;
position:absolute;
top:.4em;
right:2.5em;
right:2em;
}
.nws-button-col-wrapping {
......@@ -213,15 +227,7 @@ div.nws-tab-feeds {
font-size:150%;
position:absolute;
top:.3em;
right:.1em;
}
.nws-button-reload:hover,
.nws-button-gallery-feed:hover,
.nws-button-gallery-tab:hover,
.nws-button-col-wrapping:hover,
.nws-button-col-wrapping-phone:hover {
color:var(--main-color-level-7);
right:0;
}
/* Images */
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment