Skip to content

Commit

Permalink
fixed CSS in products
Browse files Browse the repository at this point in the history
  • Loading branch information
@notthetup
notthetup committed Mar 5, 2024
1 parent 8d9936c commit 91996b0
Show file tree
Hide file tree
Showing 3 changed files with 87 additions and 77 deletions.
86 changes: 46 additions & 40 deletions Gemfile.lock
View file
Original file line number Diff line number Diff line change
@@ -1,43 +1,53 @@
GEM
remote: https://rubygems.org/
specs:
activesupport (6.0.6.1)
activesupport (7.1.2)
base64
bigdecimal
concurrent-ruby (~> 1.0, >= 1.0.2)
i18n (>= 0.7, < 2)
minitest (~> 5.1)
tzinfo (~> 1.1)
zeitwerk (~> 2.2, >= 2.2.2)
addressable (2.8.1)
connection_pool (>= 2.2.5)
drb
i18n (>= 1.6, < 2)
minitest (>= 5.1)
mutex_m
tzinfo (~> 2.0)
addressable (2.8.6)
public_suffix (>= 2.0.2, < 6.0)
base64 (0.2.0)
bigdecimal (3.1.5)
coffee-script (2.4.1)
coffee-script-source
execjs
coffee-script-source (1.11.1)
colorator (1.1.0)
commonmarker (0.23.7)
concurrent-ruby (1.2.0)
dnsruby (1.61.9)
simpleidn (~> 0.1)
commonmarker (0.23.10)
concurrent-ruby (1.2.3)
connection_pool (2.4.1)
dnsruby (1.70.0)
simpleidn (~> 0.2.1)
drb (2.2.0)
ruby2_keywords
em-websocket (0.5.3)
eventmachine (>= 0.12.9)
http_parser.rb (~> 0)
ethon (0.15.0)
ethon (0.16.0)
ffi (>= 1.15.0)
eventmachine (1.2.7)
execjs (2.8.1)
faraday (2.6.0)
execjs (2.9.1)
faraday (2.8.1)
base64
faraday-net_http (>= 2.0, < 3.1)
ruby2_keywords (>= 0.0.4)
faraday-net_http (3.0.1)
ffi (1.15.5)
faraday-net_http (3.0.2)
ffi (1.16.3)
forwardable-extended (2.6.0)
gemoji (3.0.1)
github-pages (227)
github-pages (228)
github-pages-health-check (= 1.17.9)
jekyll (= 3.9.2)
jekyll (= 3.9.3)
jekyll-avatar (= 0.7.0)
jekyll-coffeescript (= 1.1.1)
jekyll-commonmark-ghpages (= 0.2.0)
jekyll-commonmark-ghpages (= 0.4.0)
jekyll-default-layout (= 0.1.4)
jekyll-feed (= 0.15.1)
jekyll-gist (= 1.5.0)
Expand Down Expand Up @@ -71,7 +81,7 @@ GEM
jemoji (= 0.12.0)
kramdown (= 2.3.2)
kramdown-parser-gfm (= 1.1.0)
liquid (= 4.0.3)
liquid (= 4.0.4)
mercenary (~> 0.3)
minima (= 2.5.1)
nokogiri (>= 1.13.6, < 2.0)
Expand All @@ -87,13 +97,13 @@ GEM
activesupport (>= 2)
nokogiri (>= 1.4)
http_parser.rb (0.8.0)
i18n (0.9.5)
i18n (1.14.1)
concurrent-ruby (~> 1.0)
jekyll (3.9.2)
jekyll (3.9.3)
addressable (~> 2.4)
colorator (~> 1.0)
em-websocket (~> 0.5)
i18n (~> 0.7)
i18n (>= 0.7, < 2)
jekyll-sass-converter (~> 1.0)
jekyll-watch (~> 2.0)
kramdown (>= 1.17, < 3)
Expand All @@ -109,11 +119,11 @@ GEM
coffee-script-source (~> 1.11.1)
jekyll-commonmark (1.4.0)
commonmarker (~> 0.22)
jekyll-commonmark-ghpages (0.2.0)
commonmarker (~> 0.23.4)
jekyll-commonmark-ghpages (0.4.0)
commonmarker (~> 0.23.7)
jekyll (~> 3.9.0)
jekyll-commonmark (~> 1.4.0)
rouge (>= 2.0, < 4.0)
rouge (>= 2.0, < 5.0)
jekyll-default-layout (0.1.4)
jekyll (~> 3.0)
jekyll-feed (0.15.1)
Expand Down Expand Up @@ -201,31 +211,30 @@ GEM
rexml
kramdown-parser-gfm (1.1.0)
kramdown (~> 2.0)
liquid (4.0.3)
listen (3.7.1)
liquid (4.0.4)
listen (3.8.0)
rb-fsevent (~> 0.10, >= 0.10.3)
rb-inotify (~> 0.9, >= 0.9.10)
mercenary (0.3.6)
mini_portile2 (2.8.4)
minima (2.5.1)
jekyll (>= 3.5, < 5.0)
jekyll-feed (~> 0.9)
jekyll-seo-tag (~> 2.1)
minitest (5.17.0)
nokogiri (1.13.10)
mini_portile2 (~> 2.8.0)
minitest (5.20.0)
mutex_m (0.2.0)
nokogiri (1.16.0-arm64-darwin)
racc (~> 1.4)
octokit (4.25.1)
faraday (>= 1, < 3)
sawyer (~> 0.9)
pathutil (0.16.2)
forwardable-extended (~> 2.6)
public_suffix (4.0.7)
racc (1.6.1)
racc (1.7.3)
rb-fsevent (0.11.2)
rb-inotify (0.10.1)
ffi (~> 1.0)
rexml (3.2.5)
rexml (3.2.6)
rouge (3.26.0)
ruby2_keywords (0.0.5)
rubyzip (2.3.2)
Expand All @@ -242,25 +251,22 @@ GEM
unf (~> 0.1.4)
terminal-table (1.8.0)
unicode-display_width (~> 1.1, >= 1.1.1)
thread_safe (0.3.6)
typhoeus (1.4.0)
ethon (>= 0.9.0)
tzinfo (1.2.11)
thread_safe (~> 0.1)
tzinfo (2.0.6)
concurrent-ruby (~> 1.0)
unf (0.1.4)
unf_ext
unf_ext (0.0.8.2)
unicode-display_width (1.8.0)
webrick (1.8.1)
zeitwerk (2.6.6)

PLATFORMS
ruby
x86_64-darwin-21
arm64-darwin

DEPENDENCIES
github-pages
webrick (~> 1.8)

BUNDLED WITH
2.4.8
2.5.4
58 changes: 29 additions & 29 deletions _includes/tabbed-columns.html
View file
Original file line number Diff line number Diff line change
@@ -1,49 +1,49 @@
<div class="tab-columns">
{% for item in include.content %}
{% if forloop.first == true %}
<input id="{{ item.input_id }}" name='tab-control' name="wnc-tabs" type='radio' class='radio' checked>
{% else %}
<input id="{{ item.input_id }}" name='tab-control' name="wnc-tabs" type='radio' class='radio'>
{% endif %}
{% if forloop.first == true %}
<input id="{{ item.input_id }}" name='tab-control' name="wnc-tabs" type='radio' class='radio' checked>
{% else %}
<input id="{{ item.input_id }}" name='tab-control' name="wnc-tabs" type='radio' class='radio'>
{% endif %}
{% endfor %}
{% if include.type == "features" %}
<div class='type-container row row-width bg-grey'>
<div class='type-container row row-width bg-grey'>
{% elsif include.type == 'products' %}
<div class='type-container sticky'>
<div class='type-container sticky'>
{% endif %}
{% for item in include.content %}
{% for item in include.content %}
<label class='type-item' for="{{ item.input_id }}">{{ item.name }}</label>
{% endfor %}
{% endfor %}
</div>
<div class="tab-panels">
{% if include.type == "features" %}
<div class='row features-row'>
<div class='large-12 columns'>
{% for item in include.content %}
<div class='tab-panel'>
<div class='bg-grey'>
<div class='row row-width section-margin'>
<div class='large-6 columns'>
<div class='flex-col'>
<p> {{ item.introduction }}</p>
{% for section in item.sections %}
<div class='section-sub-heading'>
<i class='fa fa-lg fa-{{ section.icon }}'></i>
<h4>{{section.name}}</h4>
<div class='row features-row'>
<div class='large-12 columns'>
{% for item in include.content %}
<div class='tab-panel'>
<div class='bg-grey'>
<div class='row row-width section-margin'>
<div class='large-6 columns'>
<div class='flex-col'>
<p> {{ item.introduction }}</p>
{% for section in item.sections %}
<div class='section-sub-heading'>
<i class='fa fa-lg fa-{{ section.icon }}'></i>
<h4>{{section.name}}</h4>
</div>
<p>{{section.description}}</p>
{% endfor %}
</div>
<p>{{section.description}}</p>
{% endfor %}
</div>
</div>
<div class='large-5 columns'>
<img src="{{site.baseurl}}/{{item.thumbnail}}">
<div class='large-5 columns'>
<img src="{{site.baseurl}}/{{item.thumbnail}}">
</div>
</div>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
{% elsif include.type == 'products' %}
{% assign product_tabs = site.pages | where:"categories","product-type" | sort: "order" %}
<div id='panel-one' class='tab-panel'>
Expand Down
20 changes: 12 additions & 8 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3829,7 +3829,7 @@ p.small-title {
}
.latest-news a:hover {
color: #fff;
}
}
.latest-news a.active {
visibility: visible;
opacity: 1;
Expand Down Expand Up @@ -3960,7 +3960,7 @@ p.small-title {
border-bottom: 1px solid #d4d4d4;
}
.bc-wrapper .bc-row {
display: grid;
display: grid;
grid-template-columns: 1fr 255px 64px;
gap: 6px;
align-items: start;
Expand Down Expand Up @@ -4050,12 +4050,12 @@ input[type="range"]::-moz-range-track {
height: 8px;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
-webkit-appearance: none;
appearance: none;
margin-top: -4px;
background-color: #007A8C;
height: 16px;
width: 12px;
width: 12px;
}
.frequency-row {
width: 100%;
Expand Down Expand Up @@ -4131,7 +4131,7 @@ input[type="range"]::-webkit-slider-thumb {
}
.output-section {
scroll-margin-top: 100px;
}
}
.bc-wrapper .range-selected {
flex: none;
display: flex;
Expand Down Expand Up @@ -4414,7 +4414,7 @@ input[type="range"]::-webkit-slider-thumb {
font-size:1rem;
color:#222;
}
.fullscreen .announcements {
.fullscreen .announcements {
flex-direction: column;
align-items: flex-start;
height: 100px;
Expand Down Expand Up @@ -5984,13 +5984,17 @@ h2.modem-sub-heading{

div.tab-columns input:nth-child(1):checked ~ .type-container label:nth-child(1),
div.tab-columns input:nth-child(2):checked ~ .type-container label:nth-child(2),
div.tab-columns input:nth-child(3):checked ~ .type-container label:nth-child(3){
div.tab-columns input:nth-child(3):checked ~ .type-container label:nth-child(3),
div.tab-columns input:nth-child(4):checked ~ .type-container label:nth-child(4),
div.tab-columns input:nth-child(5):checked ~ .type-container label:nth-child(5){
border-bottom:2px solid #E6782F;
}

div.tab-columns input:nth-child(1):checked ~ .tab-panels div.tab-panel:nth-child(1),
div.tab-columns input:nth-child(2):checked ~ .tab-panels div.tab-panel:nth-child(2),
div.tab-columns input:nth-child(3):checked ~ .tab-panels div.tab-panel:nth-child(3){
div.tab-columns input:nth-child(3):checked ~ .tab-panels div.tab-panel:nth-child(3),
div.tab-columns input:nth-child(4):checked ~ .tab-panels div.tab-panel:nth-child(4),
div.tab-columns input:nth-child(5):checked ~ .tab-panels div.tab-panel:nth-child(5){
display:block;
}

Expand Down

0 comments on commit 91996b0

Please sign in to comment.