From ee7b949aef569ba1aabd31b69be30cfe9d0d023e Mon Sep 17 00:00:00 2001 From: Toshaan Bharvani Date: Fri, 11 Feb 2022 14:41:15 +0100 Subject: [PATCH] update layout of several pages * change top padding on compliance, specifications * update layouts and style files Signed-off-by: Toshaan Bharvani --- .../openpowerfoundation/assets/css/pages.scss | 243 +++++++++--------- .../layouts/compliance/single.html | 2 +- .../layouts/members/list.html | 4 +- .../layouts/specifications/list.html | 2 - .../layouts/specifications/single.html | 2 +- 5 files changed, 119 insertions(+), 134 deletions(-) diff --git a/themes/openpowerfoundation/assets/css/pages.scss b/themes/openpowerfoundation/assets/css/pages.scss index 5eac79b..5e1a672 100644 --- a/themes/openpowerfoundation/assets/css/pages.scss +++ b/themes/openpowerfoundation/assets/css/pages.scss @@ -1,65 +1,62 @@ -// Links disabled - -.disabled { -color: black; - display: inline-block; - pointer-events: none; - text-decoration: none; +.disabled { + color: black; + display: inline-block; + pointer-events: none; + text-decoration: none; } -// Board of Directors - .boardofdirectors { - article { - h3 { - text-transform: uppercase; - a { - color: black; - } - } - } + article { + h3 { + text-transform: uppercase; + a { + color: black; + } + } + } + .post__article { + &:nth-child(even), &.bg { + background-color: #f7f7f7; + } + } } -// Governance - .governance { - .row { - --bs-gutter-x: 0; - } + .row { + --bs-gutter-x: 0; + } } -// Members - .members { - .membership-level { - border-top: 1px solid#1b1c1f; - .box { - min-height: 110px; - text-align: center; - display: flex; - justify-content: center; - align-items: center; - a { - text-decoration: none; - color:black; - align-self: center; - } - img { - max-width: 210px; - } - } - } + .membership-level { + border-top: 1px solid#1b1c1f; + .box { + min-height: 110px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + a { + text-decoration: none; + color: black; + align-self: center; + } + img { + max-width: 210px; + } + } + } +} +#membersingle { + padding-top: 3.75rem; } - -// Events .events { - .post__article:not(:last-child) { - margin-bottom: 1.75rem; - } + .post__article:not(:last-child) { + margin-bottom: 1.75rem; + } } -// Join .join { .membership-data { table { @@ -143,90 +140,80 @@ color: black; } } -// Board of Directors -main.boardofdirectors { - .post__article { - &:nth-child(even), - &.bg { - background-color: #f7f7f7; - } - } -} - -// Steering comittee section#steeringcomittee { - #person { - #person-header { - position: absolute; - } - #personmember - img { - width: 100%; - max-width: 100%; - position: relative; - top: 15px; - } - } - .post__article { - &:nth-child(even), - &.bg { - background-color: #f7f7f7; - } - } + #person { + #person-header { + position: absolute; + } + #personmember img { + width: 100%; + max-width: 100%; + position: relative; + top: 15px; + } + } + .post__article { + &:nth-child(even), &.bg { + background-color: #f7f7f7; + } + } } -// hubproviders - #hubproviders { - #hubprovider { - display: flex; - align-items: center; - min-height: 100px; - a { - white-space: normal; - line-height: 1.2; - font-size: 18px; - min-width: 100%; - } - } - form { - .form-control { - font-size: 14px; - } - } + padding-top: 3.75rem; + #hubprovider { + display: flex; + align-items: center; + min-height: 100px; + a { + white-space: normal; + line-height: 1.2; + font-size: 18px; + min-width: 100%; + } + } + form { + .form-control { + font-size: 14px; + } + } } - .details { - ul { - list-style-type: none; - padding-left: 0; - } - > ul { - list-style-type: none; - padding-left: 0; - > li { - margin-bottom: 6px; - background-color: #f7f7f7; - padding: 10px 6px; - > ul { - background-color: white; - padding: 10px 6px; - > li { - padding: 5px; - > ul { - display: flex; - flex-wrap: wrap; - border-left: 2px solid #f7f7f7; - > li { - flex: 1 0 50%; - padding: 5px; - } - } - } - } - } - } - } - - +.details { + ul { + list-style-type: none; + padding-left: 0; + } + > ul { + list-style-type: none; + padding-left: 0; + > li { + margin-bottom: 6px; + background-color: #f7f7f7; + padding: 10px 6px; + > ul { + background-color: white; + padding: 10px 6px; + > li { + padding: 5px; + > ul { + display: flex; + flex-wrap: wrap; + border-left: 2px solid #f7f7f7; + > li { + flex: 1 0 50%; + padding: 5px; + } + } + } + } + } + } +} +#specifications { + padding-top: 3.75rem; +} +#specifications-single { + padding-top: 6.500rem; +} diff --git a/themes/openpowerfoundation/layouts/compliance/single.html b/themes/openpowerfoundation/layouts/compliance/single.html index d018547..ef0dbc9 100644 --- a/themes/openpowerfoundation/layouts/compliance/single.html +++ b/themes/openpowerfoundation/layouts/compliance/single.html @@ -3,7 +3,7 @@ {{ $filename := .File.BaseFileName }} {{ $datafile := index $.Site.Data.compliance $filename }} {{ $specificationfile := printf "%s/%s" "specifications" $filename }} -
+
diff --git a/themes/openpowerfoundation/layouts/members/list.html b/themes/openpowerfoundation/layouts/members/list.html index a2f0601..a56fa3d 100644 --- a/themes/openpowerfoundation/layouts/members/list.html +++ b/themes/openpowerfoundation/layouts/members/list.html @@ -25,7 +25,7 @@ {{ if eq $level $key }}
- + {{ if .Param "image" }} {{ $imagename := .Param "image" }} {{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }} @@ -34,7 +34,7 @@ {{ .Title }} {{ else }} -

{{ .Title }}

+

{{ .Title }}

{{ end }} {{ $i = add $i 1 }}
diff --git a/themes/openpowerfoundation/layouts/specifications/list.html b/themes/openpowerfoundation/layouts/specifications/list.html index 7a1087f..a7a63ec 100644 --- a/themes/openpowerfoundation/layouts/specifications/list.html +++ b/themes/openpowerfoundation/layouts/specifications/list.html @@ -1,6 +1,5 @@ {{ partial "header.html" . }} {{ partial "navbar.html" . }} -
@@ -58,5 +57,4 @@
-
{{ partial "footer.html" . }} diff --git a/themes/openpowerfoundation/layouts/specifications/single.html b/themes/openpowerfoundation/layouts/specifications/single.html index 7c4364f..ef4c285 100644 --- a/themes/openpowerfoundation/layouts/specifications/single.html +++ b/themes/openpowerfoundation/layouts/specifications/single.html @@ -3,7 +3,7 @@ {{ $filename := .File.BaseFileName }} {{ $datafile := index $.Site.Data.specifications $filename }} {{ $compliancefile := printf "%s/%s" "compliance" $filename }} -
+