cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make rich text edit controls use as much space as possible

Browse source 
Use CSS3 calculations to set the width of a rich text edit control
to the maximum possible while still allowing space for the help.

Also set the subject/title fields to the same width.

Fixes #657
This commit is contained in:
Tom Hughes 2013-12-12 08:55:26 +00:00
parent 32f86afbeb
commit 92d7a9f3fd
3 changed files with 20 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/assets/stylesheets/common.css.scss
View file

@ -2110,14 +2110,32 @@ a.button {
/* Rules for rich text editors */
input.richtext_title[type="text"] {
width: 50%;
width: -moz-calc(100% - 235px);
width: -webkit-calc(100% - 235px);
width: calc(100% - 235px);
@media only screen and (max-width:768px) {
width: 100%;
}
}
.richtext_container {
margin-bottom: $lineheight;
.richtext_content {
width: 50%;
width: -moz-calc(100% - 235px);
width: -webkit-calc(100% - 235px);
width: calc(100% - 235px);
display: inline-block;
vertical-align: top;
@media only screen and (max-width:768px) {
width: 100%;
}
.richtext_preview {
display: inline-block;
padding: $lineheight;

2
app/views/diary_entry/edit.html.erb
View file

@ -13,7 +13,7 @@
<fieldset>
<div class='form-row'>
<label class="standard-label"><%= t 'diary_entry.edit.subject' -%></label>
<%= f.text_field :title %>
<%= f.text_field :title, :class => "richtext_title" %>
</div>
<div class='form-row'>
<label class="standard-label"><%= t 'diary_entry.edit.body' -%></label>

2
app/views/message/new.html.erb
View file

@ -8,7 +8,7 @@
<fieldset>
<div class='form-row'>
<label class="standard-label"><%= t'message.new.subject' %></label>
<%= f.text_field :title, :size => 60, :value => @subject %>
<%= f.text_field :title, :size => 60, :value => @subject, :class => "richtext_title" %>
</div>
<div class='form-row'>
<label class="standard-label"><%= t'message.new.body' %></label>