SPDT
/
sapl
mirror of https://github.com/interlegis/sapl.git
5
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

Layout de submenus em sub-nav

pull/153/head
LeandroRoberto 9 years ago
parent
7cc0ea9b6b
commit
85cf7ab7b5
5 changed files with 291 additions and 255 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      static/styles/_settings.scss
  2. 29
      static/styles/app.scss
  3. 2
      templates/compilacao/textoarticulado_detail.html
  4. 35
      templates/sessao/sessaoplenaria_detail.html

4
static/styles/_settings.scss
View File

@ -535,10 +535,10 @@ $include-html-global-classes: $include-html-classes;
// $f-dropdown-max-height: none; // $f-dropdown-max-height: none;
// Used for bottom position // Used for bottom position
// $f-dropdown-margin-top: 2px; $f-dropdown-margin-top: 0px;
// Used for right position // Used for right position
// $f-dropdown-margin-left: $f-dropdown-margin-top; $f-dropdown-margin-left: 5px;
// Used for left position // Used for left position
// $f-dropdown-margin-right: $f-dropdown-margin-top; // $f-dropdown-margin-right: $f-dropdown-margin-top;

29
static/styles/app.scss
View File

@ -230,6 +230,7 @@ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.23);
.masthead__heading { .masthead__heading {
display: inline-block; display: inline-block;
margin-left: 10px; margin-left: 10px;
margin-top:10px;
vertical-align: top; vertical-align: top;
} }
@ -250,13 +251,13 @@ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.23);
.masthead .sub-nav { .masthead .sub-nav {
display: block; display: block;
overflow: hidden; overflow: visible;
padding-top: 0.25rem; padding-top: 0.25rem;
width: auto; width: auto;
position: absolute; position: absolute;
bottom: -1px; bottom: -1px;
margin: 0; margin: 0;
right: 0; right: 0.5em;
dd { dd {
@ -265,6 +266,29 @@ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.23);
border-bottom: 1px solid $primary-color; border-bottom: 1px solid $primary-color;
border-top: 2px solid transparent; border-top: 2px solid transparent;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
transition: all 0.5s cubic-bezier(0.55,0,0.1,1);
ul {
margin-right: -3px;
&::after, &::before {
border: 0px;
}
li {
margin: 0;
display: block;
padding: 0.3rem;
color: #555555;
width: 100%;
a {
display: block;
}
&:hover, &.active {
background: #eee;
}
}
}
a { a {
color: #18577A; color: #18577A;
@ -284,6 +308,7 @@ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.23);
border: 1px solid $primary-color; border: 1px solid $primary-color;
border-bottom: 1px solid #fff; border-bottom: 1px solid #fff;
border-top: 2px solid $primary-color; border-top: 2px solid $primary-color;
transition: all 0.5s cubic-bezier(0.55,0,0.1,1);
} }
} }

2
templates/compilacao/textoarticulado_detail.html
View File

@ -11,7 +11,7 @@
<dd><a href="{% url 'ta_pub_list' object.pk %}">{% model_verbose_name_plural 'Publicacao' %}</a></dd> <dd><a href="{% url 'ta_pub_list' object.pk %}">{% model_verbose_name_plural 'Publicacao' %}</a></dd>
<dd><a href="{% url 'ta_text' object.pk %}">{% trans 'Texto' %}</a></dd> <dd><a href="{% url 'ta_text' object.pk %}">{% trans 'Texto' %}</a></dd>
<dd><a href="{% url 'ta_text_edit' object.pk %}">{% trans 'Edição do Texto' %}</a></li> <dd><a href="{% url 'ta_text_edit' object.pk %}">{% trans 'Edição do Texto' %}</a></dd>
</dl> </dl>
{% endblock %} {% endblock %}

35
templates/sessao/sessaoplenaria_detail.html
View File

@ -2,17 +2,28 @@
{% load i18n %} {% load i18n %}
{% block actions %} {% endblock %} {% block actions %} {% endblock %}
{% block sections_nav %} {% block sections_nav %}
<dl class="sub-nav left"> <dl class="sub-nav">
<dd><a href="{% url 'sessaoplenaria:detail' object.pk %}" class="button secondary">{% trans 'Início' %}</a></dd> <dd><a data-dropdown="hover1" data-options="is_hover:true; hover_timeout:1000" aria-expanded="false" >{% trans 'Abertura' %}</a>
<dd><a href="{% url 'sessaoplenaria:expediente' object.pk %}" class="button secondary">{% trans 'Expediente' %}</a></dd> <ul id="hover1" class="f-dropdown" data-dropdown-content aria-hidden="true">
<dd><a href="{% url 'sessaoplenaria:presenca' object.pk %}" class="button secondary">{% trans 'Presença' %}</a></dd> <li><a href="{% url 'sessaoplenaria:detail' object.pk %}">{% trans 'Dados Básicos' %}</a></li>
<dd><a href="{% url 'sessaoplenaria:presencaordemdia' object.pk %}" class="button secondary">{% trans 'Presença Ordem do Dia' %}</a></dd> <li><a href="{% url 'sessaoplenaria:mesa' object.pk %}">{% trans 'Mesa' %}</a></li>
<dd><a href="{% url 'sessaoplenaria:oradorexpediente' object.pk %}" class="button secondary">{% trans 'Oradores do Expediente' %}</a></dd> <li><a href="{% url 'sessaoplenaria:presenca' object.pk %}">{% trans 'Presença' %}</a></li>
<dd><a href="{% url 'sessaoplenaria:mesa' object.pk %}" class="button secondary">{% trans 'Mesa' %}</a></dd> <li><a href="{% url 'sessaoplenaria:explicacao' object.pk %}">{% trans 'Explicações Pessoais' %}</a></li>
<dd><a href="{% url 'sessaoplenaria:explicacao' object.pk %}" class="button secondary">{% trans 'Explicações Pessoais' %}</a></dd> </ul></dd>
<dd><a href="{% url 'sessaoplenaria:materiaordemdia_list' object.pk %}" class="button secondary">{% trans 'Matérias Ordem do Dia' %}</a></dd> <dd><a data-dropdown="hover2" data-options="is_hover:true; hover_timeout:1000">{% trans 'Expedientes' %}</a>
<dd><a href="{% url 'sessaoplenaria:expedienteordemdia_list' object.pk %}" class="button secondary">{% trans 'Matérias Expediente' %}</a></dd> <ul id="hover2" class="f-dropdown" data-dropdown-content>
<dd><a href="{% url 'sessaoplenaria:painel' object.pk %}" class="button secondary">{% trans 'Painel Eletrônico' %}</a></dd> <li><a href="{% url 'sessaoplenaria:expediente' object.pk %}">{% trans 'Expediente Diversos' %}</a></li>
<dd><a href="{% url 'sessaoplenaria:resumo' object.pk %}" class="button secondary">{% trans 'Resumo' %}</a></dd> <li><a href="{% url 'sessaoplenaria:expedienteordemdia_list' object.pk %}">{% trans 'Matérias Expediente' %}</a></li>
<li><a href="{% url 'sessaoplenaria:oradorexpediente' object.pk %}">{% trans 'Oradores do Expediente' %}</a></li>
</ul></dd>
<dd><a data-dropdown="hover3" data-options="is_hover:true; hover_timeout:1000">{% trans 'Ordem do Dia' %}</a>
<ul id="hover3" class="f-dropdown" data-dropdown-content>
<li><a href="{% url 'sessaoplenaria:materiaordemdia_list' object.pk %}">{% trans 'Matérias Ordem do Dia' %}</a></li>
<li><a href="{% url 'sessaoplenaria:presencaordemdia' object.pk %}">{% trans 'Presença Ordem do Dia' %}</a></li>
</ul></dd>
<dd><a href="{% url 'sessaoplenaria:painel' object.pk %}">{% trans 'Painel Eletrônico' %}</a></dd>
<dd><a href="{% url 'sessaoplenaria:resumo' object.pk %}">{% trans 'Resumo' %}</a></dd>
</dl> </dl>
{% endblock sections_nav %} {% endblock sections_nav %}

Write Preview
Loading…
Cancel
Save