# Componente de Decoração de Natal 🎄

**URL:** <https://meta.discourse.org/t/christmas-decoration-component/173949>\
**Category:** Theme component\
**Created:** [Dezembro 21, 2020, 6:36pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949 "2020-12-21T18:36:06Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [Dezembro 7, 2022, 11:14pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/25 "2022-12-07T23:14:33Z")

</div>

Olá @meghna, fiz um pull request com alguns bugs corrigidos.

> <https://github.com/MeghnaAJ/discourse-christmas-decorations/pull/1#issue-1483066017>
>
> Fixed a few issues:
> \* Hat wrongly put on user status icons
> \* Hats not showing …inside a topic

---

<div class="post-metadata">

**Author:** ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)\
**Post date:** [Dezembro 8, 2022, 10:55am UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/26 "2022-12-08T10:55:05Z")

</div>

Obrigado @Canapin, o PR foi mesclado. 👍

---

<div class="post-metadata">

**Author:** ![Jonathan5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jonathan5/32/197134_2.png) [@Jonathan5](https://meta.discourse.org/u/Jonathan5)\
**Post date:** [Dezembro 13, 2022, 10:11pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/27 "2022-12-13T22:11:42Z")

</div>

Obrigado por este ótimo componente de tema.

Você notou que a imagem de decoração aparece muito cedo quando a barra lateral está ativa? Parece que ela aparece com 1450px de largura. Por volta de 1700px seria melhor com a barra lateral. Não sei se isso é possível.

---

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [Dezembro 20, 2022, 8:51pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/28 "2022-12-20T20:51:10Z")

</div>

Eu agora uso este componente em vez das minhas próprias personalizações, embora eu prefira lâmpadas arredondadas 😊

No entanto, ainda há um pequeno problema com o componente. As bases das lâmpadas ficam escondidas atrás do cabeçalho:

 ![base das lâmpadas escondida atrás do cabeçalho](https://global.discourse-cdn.com/meta/original/4X/2/d/e/2de18dfe103aff9a1827d79993a788e54cbe1e56.png)

Eu fiz um PR para corrigir isso.

> <https://github.com/MeghnaAJ/discourse-christmas-decorations/pull/2>
>
> Fixed the light rope's vertical position so it's not hidden by the forum's heade…r.

 ![lâmpadas corrigidas](https://global.discourse-cdn.com/meta/original/4X/3/b/3/3b32ed93bc99cf8af1e83cd907278e210dd53bb0.png)

* * *

Para aqueles que preferem lâmpadas arredondadas, você pode adicionar este CSS ao seu próprio tema:

```css
.lightrope li {
        width: 12px;
        height: 15px;
    }
}

```

 ![lâmpadas arredondadas](https://global.discourse-cdn.com/meta/original/4X/7/9/e/79e1ba8379f6709db6c1b0933a8a1fedcb337664.png)

---

<div class="post-metadata">

**Author:** ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)\
**Post date:** [Dezembro 21, 2022, 9:41am UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/29 "2022-12-21T09:41:07Z")

</div>

Obrigado @Canapin, eu mesclei o PR. ❤

---

<div class="post-metadata">

**Author:** ![mstm](https://avatars.discourse-cdn.com/v4/letter/m/6de8d8/32.png) [@mstm](https://meta.discourse.org/u/mstm)\
**Post date:** [Dezembro 21, 2022, 1:38pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/30 "2022-12-21T13:38:59Z")

</div>

![Screenshot_20221221_143420_Chrome](https://global.discourse-cdn.com/meta/original/4X/7/1/2/71295872d37f5b6722d71ec246dcea8e2fe8a885.png)

É normal que com smartphones seja tão baixo?

---

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [Dezembro 21, 2022, 4:17pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/31 "2022-12-21T16:17:40Z")

</div>

Bom ponto! Vou dar uma olhada.

* * *

editar: Fiz um PR.

---

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [Dezembro 21, 2022, 5:36pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/32 "2022-12-21T17:36:42Z")

</div>

A posição vertical ficará incorreta se você usar este tema junto com o [componente de tema Welcome Banner](https://meta.discourse.org/t/welcome-link-banner/218743?u=canapin), mesmo que o banner esteja oculto.

Veja:

[https://meta.discourse.org/t/welcome-link-banner/218743/61?u=canapin](https://meta.discourse.org/t/welcome-link-banner/218743/61?u=canapin)

* * *

A maneira mais direta de contornar o problema é adicionar este CSS ao seu tema:

```css
.above-main-container-outlet.welcome-link-banner-connectors {
    margin-bottom: 0;
}

```

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [Dezembro 21, 2022, 7:00pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/33 "2022-12-21T19:00:35Z")

</div>

Atualizei o componente do banner de link de boas-vindas para evitar isso. Obrigado novamente @Canapin!

---

<div class="post-metadata">

**Author:** ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)\
**Post date:** [Fevereiro 8, 2023, 2:15pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/34 "2023-02-08T14:15:17Z")

</div>

Hoje houve uma atualização para este componente, então eu o atualizei, mesmo que esteja desativado aqui, pois o Natal já acabou. Agora vejo o seguinte:

`Erro: CSS inválido após "..."hadow: 0px math": expressão esperada (por exemplo, 1px, negrito), foi ".div($globe-height," na linha 44 de ../../../tmp/discourse_theme_acdcea7663ae5fb94fa2525e54768195/discourse-christmas-decorations/stylesheets/lights.scss da linha 2 de common.scss >> box-shadow: 0px math.div($globe-height, 6) $globe-width*2 $globe-sprea --------------------------^`

Algo quebrou agora. 😉

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [Fevereiro 8, 2023, 2:16pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/35 "2023-02-08T14:16:17Z")

</div>

Você está usando a versão mais recente do Discourse?

---

<div class="post-metadata">

**Author:** ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)\
**Post date:** [Fevereiro 8, 2023, 2:18pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/36 "2023-02-08T14:18:22Z")

</div>

Eu executo `3.1.0.beta2 [e64d1c4105]` aqui. Então, versão Beta sim, mas certamente não o último commit.

---

<div class="post-metadata">

**Author:** ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)\
**Post date:** [Fevereiro 8, 2023, 3:37pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/37 "2023-02-08T15:37:06Z")

</div>

O mesmo com `[7eb6223b04]` 😉

---

<div class="post-metadata">

**Author:** ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)\
**Post date:** [Fevereiro 20, 2023, 7:32am UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/38 "2023-02-20T07:32:44Z")

</div>

Reverti o commit por enquanto e trabalharei com o @Falco para um conserto adequado.

---

<div class="post-metadata">

**Author:** ![kynic](https://avatars.discourse-cdn.com/v4/letter/k/b487fb/32.png) [@kynic](https://meta.discourse.org/u/kynic)\
**Post date:** [Novembro 25, 2023, 9:36pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/40 "2023-11-25T21:36:37Z")

</div>

Estava testando isso e descobri que os chapéus não aparecem na visualização móvel.

---

<div class="post-metadata">

**Author:** ![fbpbdmin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbpbdmin/32/300893_2.png) [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)\
**Post date:** [Dezembro 3, 2023, 6:33pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/41 "2023-12-03T18:33:17Z")

</div>

@meghna  
obrigado por esta coisa legal!

uma sugestão, os sinos dos dois lados deveriam ser coloridos, agora estão em preto/branco, não tão festivos? haha, você decide…

---

<div class="post-metadata">

**Author:** ![fbpbdmin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbpbdmin/32/300893_2.png) [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)\
**Post date:** [Dezembro 3, 2023, 6:35pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/42 "2023-12-03T18:35:16Z")

</div>

na visualização móvel, não tem a lista de contribuidores, se conseguir um chapéu para cada autor de tópico, isso parece muito ocupado,  
parece bom agora no celular, minha opinião.

---

<div class="post-metadata">

**Author:** ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)\
**Post date:** [Dezembro 4, 2023, 10:01am UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/43 "2023-12-04T10:01:57Z")

</div>

> [@fbpbdmin](#):
>
> uma sugestão, os sinos de ambos os lados deveriam ser coloridos, agora são preto/branco, não tão festivos?

Eu escolhi o preto/branco para que fique bom em todos os tipos de esquemas de cores. PR é bem-vindo 🙂

---

<div class="post-metadata">

**Author:** ![fbpbdmin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fbpbdmin/32/300893_2.png) [@fbpbdmin](https://meta.discourse.org/u/fbpbdmin)\
**Post date:** [Dezembro 4, 2023, 3:17pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/44 "2023-12-04T15:17:28Z")

</div>

outra sugestão,  
seria bom se pudesse adicionar uma configuração para alterar a imagem do banner de luz, talvez várias opções, ou alterar aleatoriamente.  
por exemplo, ativar este componente agora, ainda faltam várias semanas para o Natal, seria bom se pudesse haver algumas mudanças… 🙂

---

<div class="post-metadata">

**Author:** ![kynic](https://avatars.discourse-cdn.com/v4/letter/k/b487fb/32.png) [@kynic](https://meta.discourse.org/u/kynic)\
**Post date:** [Dezembro 5, 2023, 7:38pm UTC](https://meta.discourse.org/t/christmas-decoration-component/173949/45 "2023-12-05T19:38:02Z")

</div>

Você pode consertar os chapéus para celular? 😀

[Página anterior](https://meta.discourse.org/t/christmas-decoration-component/173949.md?page=1)

[Próxima página](https://meta.discourse.org/t/christmas-decoration-component/173949.md?page=3)
