From 7ce3c45b1884908b579b4c0fddedfe72390711b2 Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Fri, 22 Jan 2021 18:16:16 +0100 Subject: [PATCH] fix: background white on segments in page about --- package-lock.json | 6 +++--- package.json | 2 +- src/dependencies.pug | 4 ++-- src/styles/header/_index.scss | 2 +- src/styles/index.scss | 8 ++++++-- src/views/page-about.pug | 4 ++-- 6 files changed, 15 insertions(+), 11 deletions(-) diff --git a/package-lock.json b/package-lock.json index 4787a71..7f58e75 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1159,9 +1159,9 @@ } }, "@startinblox/hubl-styling-framework": { - "version": "1.4.15", - "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.4.15.tgz", - "integrity": "sha512-aLClWQVVwbi/jjpzOXuG0JuETwX5YizFUnslBfYlF1hQfLAlWm/uYjQOapQbd5zDgSro9ZI3CPhxvxUDOAjFHQ==" + "version": "1.4.16", + "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.4.16.tgz", + "integrity": "sha512-zJ8mGGvsG1N6bIOz7lwoVB2T3jk+powEvMzkNzas6b1ViVuXPzYfBECdRaRhmEHwiHomZqi43jY1/CWxY5JUJw==" }, "@types/q": { "version": "1.5.4", diff --git a/package.json b/package.json index 061aa44..c91fb12 100644 --- a/package.json +++ b/package.json @@ -45,7 +45,7 @@ ] }, "dependencies": { - "@startinblox/hubl-styling-framework": "^1.4.15", + "@startinblox/hubl-styling-framework": "^1.4.16", "cross-env": "^7.0.3", "fs-extra": "^9.0.1", "normalize.css": "^8.0.1", diff --git a/src/dependencies.pug b/src/dependencies.pug index aa2cedc..7d485de 100644 --- a/src/dependencies.pug +++ b/src/dependencies.pug @@ -28,8 +28,8 @@ if endpoints.get //- script(type="module" src="/lib/solid-job-board/dist/index.js" defer) if endpoints.get.uploads && endpoints.get.skills && endpoints.get.users - script(type="module" src="https://cdn.skypack.dev/@startinblox/component-directory@beta" defer) - //- script(type="module" src="/lib/solid-directory/dist/index.js" defer) + //- script(type="module" src="https://cdn.skypack.dev/@startinblox/component-directory@beta" defer) + script(type="module" src="/lib/solid-directory/dist/index.js" defer) if endpoints.get.dashboards script(type="module" src="https://cdn.skypack.dev/@startinblox/component-dashboard@beta" defer) diff --git a/src/styles/header/_index.scss b/src/styles/header/_index.scss index 9d57b10..8362262 100644 --- a/src/styles/header/_index.scss +++ b/src/styles/header/_index.scss @@ -86,7 +86,7 @@ header { display: block; position: absolute; left: auto; - right: -2.2em; + right: -1.9em; top: 4em; transform: initial; width: 0; diff --git a/src/styles/index.scss b/src/styles/index.scss index 3bb1b83..29cafc1 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -16,10 +16,14 @@ solid-display>div { @import 'chat/_index'; nav#main__menu { - width: 250px; + @media (min-width: 768.01px) { + width: 250px; + } } main#content { - width: calc(100% - 250px); + @media (min-width: 768.01px) { + width: calc(100% - 250px); + } } .text-ellipsis { diff --git a/src/views/page-about.pug b/src/views/page-about.pug index f9a4fe0..f4812b5 100644 --- a/src/views/page-about.pug +++ b/src/views/page-about.pug @@ -2,7 +2,7 @@ div.segment.block.padding-top-small.padding-right-large.padding-bottom-small.pad h2.text-xlarge.text-color-heading.text-uppercase(data-trans='about.title') div.segment.two-third.sm-full.margin-top-small.sm-margin-top-xxsmall.padding-right-xlarge.sm-padding-none - div.segment.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.sm-padding-medium.sm-padding-top-xxsmall.sm-padding-bottom-xlarge.text-center + div.segment.whitespace-normal.bg-color-white.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.sm-padding-medium.sm-padding-top-xxsmall.sm-padding-bottom-xlarge.text-center h3.text-color-heading.text-semibold.text-uppercase.line-xlarge(data-trans='about.card1.subTitle') div p.segment.whitespace-normal.text-large.line-xlarge(data-trans='about.card1.paragraph1') @@ -10,7 +10,7 @@ div.segment.block.padding-top-small.padding-right-large.padding-bottom-small.pad a.link.text-xlarge(href="https://startinblox.com/fr/" target="_blank") https://startinblox.com/fr/ div.segment.third.sm-full.margin-top-small.text-top - div.segment.sm-full.whitespace-normal.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.sm-padding-medium.sm-padding-bottom-xlarge.text-center + div.segment.sm-full.whitespace-normal.bg-color-white.shadow.padding-top-xlarge.padding-right-xxlarge.padding-bottom-xxlarge.padding-left-xxlarge.sm-padding-medium.sm-padding-bottom-xlarge.text-center div.segment.margin-top-small div.segment.center.icon.icon-xlarge.rounded-third.rounded.rounded-large.icon-envelope.icon-secondary h3.text-color-heading.text-semibold.text-uppercase.text-medium(data-trans='about.card2.subTitle')