consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hide legislation text when the full-screen editor is not active

Browse Source
This commit is contained in:
Martín González
2017-01-23 12:55:05 +01:00
parent 6c2e7fc3b1
commit dca072beaf
3 changed files with 33 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/markdown_editor.js.coffee
View File

@@ -22,9 +22,9 @@ App.MarkdownEditor =
$(this).find('.fullscreen-toggle').on 'click', -> $(this).find('.fullscreen-toggle').on 'click', ->
$('.markdown-editor').toggleClass('fullscreen') $('.markdown-editor').toggleClass('fullscreen')
$('.fullscreen-container').toggleClass('medium-8', 'medium-12')
if $('.markdown-editor').hasClass('fullscreen') if $('.markdown-editor').hasClass('fullscreen')
$('.markdown-editor textarea').height($(window).height() - 100) $('.markdown-editor textarea').height($(window).height() - 100)
else else
$('.markdown-editor textarea').height("10em") $('.markdown-editor textarea').height("10em")

33
app/assets/stylesheets/admin.scss
View File

@@ -411,6 +411,11 @@ table.investment-projects-summary {
.markdown-editor { .markdown-editor {
background-color: white; background-color: white;
.mardown-area,
#markdown-preview {
display: none;
}
} }
.markdown-editor #markdown-preview { .markdown-editor #markdown-preview {
@@ -437,7 +442,9 @@ table.investment-projects-summary {
// 06. Legislation // 06. Legislation
// -------------- // --------------
.edit_legislation_draft_version .row {
margin-bottom: 2rem;
}
.legislation-admin { .legislation-admin {
.menu .active > a { .menu .active > a {
background: none; background: none;
@@ -595,6 +602,8 @@ table.investment-projects-summary {
} }
.fullscreen-container { .fullscreen-container {
text-align: center;
background: #ccdbe6;
.markdown-editor-header, .markdown-editor-header,
.markdown-editor-buttons { .markdown-editor-buttons {
@@ -602,12 +611,7 @@ table.investment-projects-summary {
} }
a { a {
line-height: 8rem;
@include breakpoint(medium) {
float: right;
}
line-height: 3rem;
span { span {
text-decoration: none; text-decoration: none;
@@ -656,13 +660,28 @@ table.investment-projects-summary {
.fullscreen { .fullscreen {
.mardown-area,
#markdown-preview {
display: block;
}
.column { .column {
padding: 0; padding: 0;
} }
.fullscreen-container { .fullscreen-container {
text-align: left;
background: $admin-color; background: $admin-color;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin-bottom: 0;
a {
line-height: 3rem;
@include breakpoint(medium) {
float: right;
}
}
.markdown-editor-header { .markdown-editor-header {
vertical-align: top; vertical-align: top;

13
app/views/admin/legislation/draft_versions/_form.html.erb
View File

@@ -63,20 +63,19 @@
<%= f.label :body %> <%= f.label :body %>
<small><%= t('admin.legislation.draft_versions.form.use_markdown') %></small> <small><%= t('admin.legislation.draft_versions.form.use_markdown') %></small>
</div> </div>
<br/>
<div class="markdown-editor"> <div class="markdown-editor">
<div class="small-12 column fullscreen-container"> <div class="small-12 medium-8 column fullscreen-container">
<div class="markdown-editor-header truncate">Consul | Editando <span class="strong">Versión 3</span> del proceso <span class="strong">Licencias urbanísticas, declaraciones</span></div> <div class="markdown-editor-header truncate">Consul | Editando <span class="strong">Versión 3</span> del proceso <span class="strong">Licencias urbanísticas, declaraciones</span></div>
<div class="markdown-editor-buttons"> <div class="markdown-editor-buttons">
<%= f.submit(class: "button", value: t("admin.legislation.draft_versions.#{admin_submit_action(@draft_version)}.submit_button")) %> <%= f.submit(class: "button", value: t("admin.legislation.draft_versions.#{admin_submit_action(@draft_version)}.submit_button")) %>
</div> </div>
<%= link_to "#", class: 'fullscreen-toggle' do %> <%= link_to "#", class: 'fullscreen-toggle' do %>
<span><%= t("admin.legislation.draft_versions.form.fullscreen_toggle")%></span> <span class="icon-expand"></span> <span><%= t("admin.legislation.draft_versions.form.fullscreen_toggle")%></span> <span class="icon-expand"></span>
<% end %> <% end %>
</div> </div>
<div class="small-12 medium-6 column"> <div class="small-12 medium-6 column mardown-area">
<%= f.text_area :body, label: false, placeholder: t('admin.legislation.draft_versions.form.body_placeholder') %> <%= f.text_area :body, label: false, placeholder: t('admin.legislation.draft_versions.form.body_placeholder') %>
</div> </div>
<div id="markdown-preview" class="small-12 medium-6 column"> <div id="markdown-preview" class="small-12 medium-6 column">