From 5ecc8cf1a3d06b119d627f16b7f30812581add97 Mon Sep 17 00:00:00 2001 From: Leonardo Zanotti Date: Mon, 15 Jul 2024 11:48:42 -0300 Subject: [PATCH 1/2] =?UTF-8?q?FIX=20-=20update=20no=20estilo=20do=20bot?= =?UTF-8?q?=C3=A3o=20de=20conheca=20o=20repositorio=20na=20Home?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/home-developers/template.php | 10 +- .../Metabase/assets/css/plugin-metabase.css | 346 +++++++++++++++++- .../sass/2.components/_home-developers.scss | 118 +++--- 3 files changed, 411 insertions(+), 63 deletions(-) diff --git a/src/modules/Home/components/home-developers/template.php b/src/modules/Home/components/home-developers/template.php index 10d6efc3cb..2214e7aa23 100644 --- a/src/modules/Home/components/home-developers/template.php +++ b/src/modules/Home/components/home-developers/template.php @@ -1,19 +1,21 @@ -
+
- +
- text('description',i::__('Além disso, Mapas Culturais é um software livre, criado em parceria entre a hacklab/, secretarias de cultura, organizações não governamentais, empresas e coletivos que investem na plataforma. Você pode contribuir para o seu desenvolvimento através do GitHub.')) ?> + text('description', i::__('Além disso, Mapas Culturais é um software livre, criado em parceria entre a hacklab/, secretarias de cultura, organizações não governamentais, empresas e coletivos que investem na plataforma. Você pode contribuir para o seu desenvolvimento através do GitHub.')) ?>
- + diff --git a/src/plugins/Metabase/assets/css/plugin-metabase.css b/src/plugins/Metabase/assets/css/plugin-metabase.css index ccccaefed6..d4fe28743f 100644 --- a/src/plugins/Metabase/assets/css/plugin-metabase.css +++ b/src/plugins/Metabase/assets/css/plugin-metabase.css @@ -1 +1,345 @@ -.list-dashboard{background-color:var(--mc-white);color:var(--mc-black);display:grid;grid-template-columns:19.0625rem calc(100% - 19.0625rem);margin:0 auto;max-width:90rem}.list-dashboard .selected{background-color:var(--mc-primary-500)}.list-dashboard__title{color:var(--mc-gray-700);font-size:.75rem;margin:0 auto;padding:1rem 1rem 1rem 0;text-transform:uppercase}.list-dashboard__text{color:var();font-size:.875rem}.list-dashboard .textselected{color:var(--mc-white)}.list-dashboard__link{color:var(--mc-black);text-decoration:none}.list-dashboard__link a{text-decoration:none}.list-dashboard__nav{background-color:var(--mc-white);border-right:1px solid var(--mc-gray-100);display:flex;flex-direction:column;gap:.5rem;list-style-type:none;margin:0;padding:1rem 2rem 1rem 1.5rem}.list-dashboard__iframe{border-style:none;height:100%;width:100%}.list-dashboard__item{background-color:var(--mc-white);border-radius:.25rem;color:var(--mc-black);margin:0;padding:.5rem 1rem;width:15.625rem}.home-metabase{align-items:center;background-color:var(--mc-home-opportunities);display:flex;flex-direction:column;margin:0 auto;overflow:hidden;padding:3.75rem 1rem;position:relative}.home-metabase__header{align-items:center;display:grid;grid-template-columns:1fr 28.4375rem;margin:0 auto;max-width:73.125rem;width:100%}@media (max-width:37.5rem){.home-metabase__header{align-items:center;display:flex;flex-direction:column}}.home-metabase__left{align-items:flex-start;color:var(--mc-white);display:flex;flex-direction:column;gap:1rem}@media (max-width:37.5rem){.home-metabase__left{align-items:center}.home-metabase__text{text-align:center}}.home-metabase__img{max-width:100%;width:17.8125rem}.home-metabase__panel{display:flex;flex-direction:column;gap:.75rem}.home-metabase__subtitle{color:var(--mc-white)}.home-metabase__content{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.125rem .8125rem;margin:0 auto;max-width:73.125rem;z-index:2}@media (max-width:31.25rem){.home-metabase__content{gap:1.125rem 0}}.metabase-dashboard{background-color:var(--mc-gray-100);margin:0 auto;max-width:90rem;padding-inline:7.4375rem}@media (max-width:31.25rem){.metabase-dashboard{padding-inline:1rem}}.metabase-dashboard__page{background-color:var(--mc-gray-100)}.metabase-dashboard__header{display:flex;flex-direction:column;padding:2.5rem 0 1rem}.metabase-dashboard__content{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;padding-bottom:13.5rem}.metabase-dashboard__card{align-items:flex-start;background:var(--mc-white);border:1px solid var(--mc-gray-100);border-radius:8px;display:inline-flex;flex-direction:column;gap:6px;max-width:23.0625rem;padding:16px 35px 16px 16px}.metabase-card{align-content:space-between;background-color:var(--mc-white);border:.0625rem solid var(--mc-gray-100);border-radius:.5rem;display:grid;max-width:100%;padding:1rem;width:23.1875rem}.metabase-card__header{display:grid;gap:1rem;grid-template-columns:2rem 1fr}.metabase-card__icon{background-color:var(--mc-white);font-size:1.5rem;justify-self:center}.metabase-card__content{align-items:end;display:grid;gap:1.625rem;grid-template-columns:1fr;text-align:center}.metabase-card__number{font-size:var(--mc-font-size-lg)}.metabase-card__label{font-weight:600}.metabase-card__info{align-items:center;display:flex;flex-direction:column;margin:1.125rem 0;text-align:center}.metabase-card__number{font-size:var(--mc-font-size-xl)}.metabase-card__number--long{font-size:var(--mc-font-size-sm)}.metabase-card--double .metabase-card__content{grid-template-columns:1fr 1fr}.metabase-card--double .metabase-card__info:first-of-type .metabase-card__number{font-size:var(--mc-font-size-lg)}.metabase-card--double .metabase-card__info:first-of-type .metabase-card__number--long{font-size:var(--mc-font-size-sm)}.metabase-card--double .metabase-card__number{font-size:var(--mc-font-size-md)}@media (max-width:31.25rem){.metabase-card{min-width:18.5625rem;width:100%}}.controller-metabase{background-color:var(--mc-gray-100)}.entity-cards{align-items:center;display:flex;flex-direction:column;margin:0 auto;overflow:hidden;padding:2px;position:relative}.entity-cards__header{align-items:center;display:grid;grid-template-columns:1fr 28.4375rem;margin:0 auto;width:100%}@media (max-width:37.5rem){.entity-cards__header{align-items:center;display:flex;flex-direction:column}}.entity-cards__panel{display:flex;flex-direction:column;gap:.75rem}.entity-cards__content{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.125rem .8125rem;margin:0 auto;max-width:73.125rem;z-index:2}@media (max-width:31.25rem){.entity-cards__content{gap:1.125rem 0}}.entity-cards-cards{align-content:space-between;background-color:var(--mc-white);border:.125rem solid var(--mc-gray-100);border-radius:.5rem;box-shadow:2px 2px 8px 0 rgba(0,0,0,.251);display:grid;max-width:100%;padding:.3125rem;width:13.75rem}.entity-cards-cards__header{display:grid;gap:1rem;grid-template-columns:2rem 1fr}.entity-cards-cards__icon{align-self:self-start;background-color:var(--mc-white);color:#ef7b45}.entity-cards-cards__content{align-items:end;border-radius:.5rem;display:flex;flex-direction:row;justify-content:space-between;text-align:center}.entity-cards-cards__number{font-size:var(--mc-font-size-lg)}.entity-cards-cards__label{color:#666;font-size:var(--mc-font-size-xxxs)}.entity-cards-cards__info{align-items:left;display:flex;flex-direction:column;justify-content:space-between;margin-left:.125rem;text-align:left}.entity-cards-cards--double .entity-cards-cards__content{grid-template-columns:1fr 1fr}.entity-cards-cards--double .entity-cards-cards__info:first-of-type .metabase-card__number{font-size:var(--mc-font-size-lg)}.entity-cards-cards--double .entity-cards-cards__info:first-of-type .metabase-card__number--long{font-size:var(--mc-font-size-sm)}.entity-cards-cards--double .entity-cards-cards__number{font-size:var(--mc-font-size-md)}@media (max-width:31.25rem){.entity-cards-cards{min-width:18.5625rem;width:100%}} +/* ----- 1: SETTINGS ------- */ +/* ----- 2: ATOMS ------- */ +/* ----- 3: LAYOUT ------- */ +/* ----- 4: COMPONENTS ------- */ +.list-dashboard { + background-color: var(--mc-white); + color: var(--mc-black); + display: grid; + grid-template-columns: 19.0625rem calc(100% - 19.0625rem); + max-width: 90rem; + margin: 0 auto; +} +.list-dashboard .selected { + background-color: var(--mc-primary-500); +} +.list-dashboard__title { + color: var(--mc-gray-700); + font-size: 0.75rem; + margin: 0 auto; + padding: 1rem 1rem 1rem 0; + text-transform: uppercase; +} +.list-dashboard__text { + font-size: 0.875rem; + color: var(); +} +.list-dashboard .textselected { + color: var(--mc-white); +} +.list-dashboard__link { + color: var(--mc-black); + text-decoration: none; +} +.list-dashboard__link a { + text-decoration: none; +} +.list-dashboard__nav { + list-style-type: none; + background-color: var(--mc-white); + padding: 1rem 2rem 1rem 1.5rem; + margin: 0; + border-right: 1px solid var(--mc-gray-100); + display: flex; + gap: 0.5rem; + flex-direction: column; +} +.list-dashboard__iframe { + height: 100%; + width: 100%; + border-style: none; +} +.list-dashboard__item { + padding: 0.5rem 1rem 0.5rem 1rem; + margin: 0; + border-radius: 0.25rem; + width: 15.625rem; + background-color: var(--mc-white); + color: var(--mc-black); +} + +.home-metabase { + margin: 0 auto; + background-color: var(--mc-home-opportunities); + padding: 3.75rem 1rem; + position: relative; + display: flex; + align-items: center; + overflow: hidden; + flex-direction: column; +} +.home-metabase__header { + margin: 0 auto; + max-width: 73.125rem; + width: 100%; + display: grid; + align-items: center; + grid-template-columns: 1fr 28.4375rem; +} +@media (max-width: 37.5rem) { + .home-metabase__header { + display: flex; + flex-direction: column; + align-items: center; + } +} +.home-metabase__left { + color: var(--mc-white); + display: flex; + flex-direction: column; + gap: 1rem; + align-items: flex-start; +} +@media (max-width: 37.5rem) { + .home-metabase__left { + align-items: center; + } +} +@media (max-width: 37.5rem) { + .home-metabase__text { + text-align: center; + } +} +.home-metabase__img { + width: 17.8125rem; + max-width: 100%; +} +.home-metabase__panel { + display: flex; + flex-direction: column; + gap: 0.75rem; +} +.home-metabase__subtitle { + color: var(--mc-white); +} +.home-metabase__content { + align-items: stretch; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 0 auto; + max-width: 73.125rem; + z-index: 2; + gap: 1.125rem 0.8125rem; +} +@media (max-width: 31.25rem) { + .home-metabase__content { + gap: 1.125rem 0; + } +} + +.metabase-dashboard { + padding-inline: 7.4375rem; + background-color: var(--mc-gray-100); + max-width: 90rem; + margin: 0 auto; +} +@media (max-width: 31.25rem) { + .metabase-dashboard { + padding-inline: 1rem; + } +} +.metabase-dashboard__page { + background-color: var(--mc-gray-100); +} +.metabase-dashboard__header { + display: flex; + flex-direction: column; + padding: 2.5rem 0 1rem 0; +} +.metabase-dashboard__content { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 1.5rem; + padding-bottom: 13.5rem; +} +.metabase-dashboard__card { + display: inline-flex; + padding: 16px 35px 16px 16px; + flex-direction: column; + align-items: flex-start; + gap: 6px; + max-width: 23.0625rem; + border-radius: 8px; + border: 1px solid var(--mc-gray-100); + background: var(--mc-white); +} + +.metabase-card { + width: 23.1875rem; + max-width: 100%; + background-color: var(--mc-white); + border: 0.0625rem solid var(--mc-gray-100); + padding: 1rem; + border-radius: 0.5rem; + display: grid; + align-content: space-between; +} +.metabase-card__header { + display: grid; + grid-template-columns: 2rem 1fr; + gap: 1rem; +} +.metabase-card__icon { + background-color: var(--mc-white); + font-size: 1.5rem; + justify-self: center; +} +.metabase-card__content { + display: grid; + grid-template-columns: 1fr; + align-items: end; + text-align: center; + gap: 1.625rem; +} +.metabase-card__number { + font-size: var(--mc-font-size-lg); +} +.metabase-card__label { + font-weight: 600; +} +.metabase-card__info { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + margin: 1.125rem 0; +} +.metabase-card__number { + font-size: var(--mc-font-size-xl); +} +.metabase-card__number--long { + font-size: var(--mc-font-size-sm); +} +.metabase-card--double .metabase-card__content { + grid-template-columns: 1fr 1fr; +} +.metabase-card--double .metabase-card__info:first-of-type .metabase-card__number { + font-size: var(--mc-font-size-lg); +} +.metabase-card--double .metabase-card__info:first-of-type .metabase-card__number--long { + font-size: var(--mc-font-size-sm); +} +.metabase-card--double .metabase-card__number { + font-size: var(--mc-font-size-md); +} +@media (max-width: 31.25rem) { + .metabase-card { + min-width: 18.5625rem; + width: 100%; + } +} + +.controller-metabase { + background-color: var(--mc-gray-100); +} + +.entity-cards { + margin: 0 auto; + position: relative; + display: flex; + align-items: center; + overflow: hidden; + flex-direction: column; + padding: 2px; +} +.entity-cards__header { + margin: 0 auto; + width: 100%; + display: grid; + align-items: center; + grid-template-columns: 1fr 28.4375rem; +} +@media (max-width: 37.5rem) { + .entity-cards__header { + display: flex; + flex-direction: column; + align-items: center; + } +} +.entity-cards__panel { + display: flex; + flex-direction: column; + gap: 0.75rem; +} +.entity-cards__content { + align-items: stretch; + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 0 auto; + max-width: 73.125rem; + z-index: 2; + gap: 1.125rem 0.8125rem; +} +@media (max-width: 31.25rem) { + .entity-cards__content { + gap: 1.125rem 0; + } +} + +.entity-cards-cards { + width: 13.75rem; + max-width: 100%; + background-color: var(--mc-white); + border: 0.125rem solid var(--mc-gray-100); + box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2509803922); + border-radius: 0.5rem; + display: grid; + align-content: space-between; + padding: 0.3125rem; +} +.entity-cards-cards__header { + display: grid; + grid-template-columns: 2rem 1fr; + gap: 1rem; +} +.entity-cards-cards__icon { + background-color: var(--mc-white); + align-self: self-start; + color: #EF7B45; +} +.entity-cards-cards__content { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: end; + text-align: center; + border-radius: 0.5rem; +} +.entity-cards-cards__number { + font-size: var(--mc-font-size-lg); +} +.entity-cards-cards__label { + color: #666666; + font-size: var(--mc-font-size-xxxs); +} +.entity-cards-cards__info { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: left; + text-align: left; + margin-left: 0.125rem; +} +.entity-cards-cards--double .entity-cards-cards__content { + grid-template-columns: 1fr 1fr; +} +.entity-cards-cards--double .entity-cards-cards__info:first-of-type .metabase-card__number { + font-size: var(--mc-font-size-lg); +} +.entity-cards-cards--double .entity-cards-cards__info:first-of-type .metabase-card__number--long { + font-size: var(--mc-font-size-sm); +} +.entity-cards-cards--double .entity-cards-cards__number { + font-size: var(--mc-font-size-md); +} +@media (max-width: 31.25rem) { + .entity-cards-cards { + min-width: 18.5625rem; + width: 100%; + } +} + +/* ----- 5: AREAS ------- */ diff --git a/src/themes/BaseV2/assets-src/sass/2.components/_home-developers.scss b/src/themes/BaseV2/assets-src/sass/2.components/_home-developers.scss index 3dff9baf1a..ccce215fd0 100644 --- a/src/themes/BaseV2/assets-src/sass/2.components/_home-developers.scss +++ b/src/themes/BaseV2/assets-src/sass/2.components/_home-developers.scss @@ -1,60 +1,62 @@ -@use '../0.settings/mixins' as *; - +@use "../0.settings/mixins" as *; .home-developers { - padding: size(60) size(16); - background-color: var(--mc-home-developers); - &__content { - align-items: center; - display: flex; - flex-direction: column; - margin: 0 auto; - max-width: size(1170); - - .dev-icon { - font-size: size(32); - } - - &--title { - font-weight: 700; - font-size: size(32); - line-height: size(44); - margin-top: size(4); - - @media (max-width: size(800)) { - font-size: size(24); - line-height: size(28); - margin-top: size(11); - } - } - &--description { - margin: size(24) 0; - font-weight: 400; - font-size: size(18); - line-height: size(25); - text-align: center; - - @media (max-width: size(800)) { - font-size: size(16); - line-height: size(22); - } - } - - &--link { - .iconify { - font-size: size(18); - } - - .link { - align-items: center; - color: var(--mc-low-500); - display: flex; - font-size: size(18); - font-weight: 600; - gap: size(8); - line-height: size(25); - text-decoration: none; - } - } - } -} \ No newline at end of file + padding: size(60) size(16); + background-color: var(--mc-home-developers); + &__content { + align-items: center; + display: flex; + flex-direction: column; + margin: 0 auto; + max-width: size(1170); + + .dev-icon { + font-size: size(32); + } + + &--title { + font-weight: 700; + font-size: size(32); + line-height: size(44); + margin-top: size(4); + + @media (max-width: size(800)) { + font-size: size(24); + line-height: size(28); + margin-top: size(11); + } + } + &--description { + margin: size(24) 0; + font-weight: 400; + font-size: size(18); + line-height: size(25); + text-align: center; + + @media (max-width: size(800)) { + font-size: size(16); + line-height: size(22); + } + } + + &--link { + .iconify { + font-size: size(18); + } + + .link { + align-items: center; + color: var(--mc-low-500); + display: flex; + font-size: size(18); + font-weight: 600; + gap: size(8); + line-height: size(25); + text-decoration: none; + } + .github-btn:hover { + color: var(--mc-white); + } + } + } +} From 79386dd7c8abffef1b2101848b0558826b8ea4b7 Mon Sep 17 00:00:00 2001 From: Leonardo Zanotti Date: Thu, 15 Aug 2024 19:02:31 -0300 Subject: [PATCH 2/2] =?UTF-8?q?FIX=20-=20removido=20altera=C3=A7=C3=B5es?= =?UTF-8?q?=20desnecess=C3=A1rias=20no=20c=C3=B3digo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Home/components/home-developers/template.php | 10 ++++++---- .../assets-src/sass/2.components/_home-developers.scss | 3 +++ 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/src/modules/Home/components/home-developers/template.php b/src/modules/Home/components/home-developers/template.php index 10d6efc3cb..2214e7aa23 100644 --- a/src/modules/Home/components/home-developers/template.php +++ b/src/modules/Home/components/home-developers/template.php @@ -1,19 +1,21 @@ -
+
- +
- text('description',i::__('Além disso, Mapas Culturais é um software livre, criado em parceria entre a hacklab/, secretarias de cultura, organizações não governamentais, empresas e coletivos que investem na plataforma. Você pode contribuir para o seu desenvolvimento através do GitHub.')) ?> + text('description', i::__('Além disso, Mapas Culturais é um software livre, criado em parceria entre a hacklab/, secretarias de cultura, organizações não governamentais, empresas e coletivos que investem na plataforma. Você pode contribuir para o seu desenvolvimento através do GitHub.')) ?>
- + diff --git a/src/themes/BaseV2/assets-src/sass/2.components/_home-developers.scss b/src/themes/BaseV2/assets-src/sass/2.components/_home-developers.scss index 3dff9baf1a..dac52683a8 100644 --- a/src/themes/BaseV2/assets-src/sass/2.components/_home-developers.scss +++ b/src/themes/BaseV2/assets-src/sass/2.components/_home-developers.scss @@ -55,6 +55,9 @@ line-height: size(25); text-decoration: none; } + .github-btn:hover { + color: var(--mc-white); + } } } } \ No newline at end of file