diff --git a/src/core/static/styles/app.scss b/src/core/static/styles/app.scss index f03a083..4622334 100644 --- a/src/core/static/styles/app.scss +++ b/src/core/static/styles/app.scss @@ -23,8 +23,8 @@ // Components - @import 'components/tooltip-box'; +@import 'components/section-title'; // Home @import 'components/home-page'; @@ -34,6 +34,7 @@ @import 'components/theme-tag'; // Agenda +@import 'components/agenda-block'; // Voting @import 'components/modal-box'; @import 'components/vote-button'; diff --git a/src/core/static/styles/components/_agenda-block.scss b/src/core/static/styles/components/_agenda-block.scss new file mode 100644 index 0000000..cf5f7bd --- /dev/null +++ b/src/core/static/styles/components/_agenda-block.scss @@ -0,0 +1,29 @@ +.agenda-block { + & > .description { + background-color: #fff; + padding-bottom: 4rem; + } + + & > .description > .section-title { + padding: 3rem 0; + } + + & > .description > .video { + max-width: 42rem; + margin: 0 auto; + margin-bottom: 2rem; + padding: 0 1rem; + } + + & > .description > .video > iframe { + width: 100%; + height: 22rem; + } + + & > .description > p { + max-width: 42rem; + margin: 0 auto; + line-height: 1.75; + padding: 0 1rem; + } +} \ No newline at end of file diff --git a/src/core/static/styles/components/_agenda-header.scss b/src/core/static/styles/components/_agenda-header.scss index 38cb615..35f9172 100644 --- a/src/core/static/styles/components/_agenda-header.scss +++ b/src/core/static/styles/components/_agenda-header.scss @@ -25,6 +25,18 @@ text-decoration: none; } + > .video { + height: 100%; + position: absolute; + display: flex; + } + + > .description { + display: flex; + position: absolute; + right: 0; + } + > .title { font-size: $font-size-hecto; color: $color-brand; diff --git a/src/core/static/styles/components/_section-title.scss b/src/core/static/styles/components/_section-title.scss new file mode 100644 index 0000000..ef4b109 --- /dev/null +++ b/src/core/static/styles/components/_section-title.scss @@ -0,0 +1,6 @@ +.section-title { + font-size: $font-size-hecto; + color: $color-brand; + font-weight: 500; + text-align: center; +} \ No newline at end of file diff --git a/src/core/templates/pages/agenda.html b/src/core/templates/pages/agenda.html index 8ea6631..6c553fa 100644 --- a/src/core/templates/pages/agenda.html +++ b/src/core/templates/pages/agenda.html @@ -32,14 +32,31 @@
-

{{agenda.title}}

+

{{agenda.title}}

+ + {% if user|already_voted:object or object.is_closed %} {% include "components/results.html" with object=object %} {% else %} {% include "components/agenda-block.html" with object=object %} {% endif %} +
+

Sobre esta Pauta

+
+ +
+

+ {{agenda.description}} +

+
+ {% endblock content %}