openstack/horizon
Code Issues Proposed changes

Add style to wrap pre tag

Browse Source 
At the moment width of pre tag depend on the length of a line in the
contents. Therefore, if a line in the contents is too long, layout
will be collapsed. I added a style  and it was to fit in the area.

Change-Id: I2ae833051dbb3e2d552c5fd1d7c6dc43da7aa1f5
Closes-Bug: #1520049
This commit is contained in:
kenji-ishii 2015-11-26 22:10:52 +09:00
parent 7d70958e8b
commit 04b641c82b
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
openstack_dashboard/dashboards/admin/metadata_defs/templates/metadata_defs/_detail_contents.html
View File

@ -1,5 +1,6 @@
{% load i18n %}
<pre class="data">
{{ namespace_contents }}
</pre>
<div class="pre_scrollable">
<pre class="data">{{ namespace_contents }}</pre>
</div>

13
openstack_dashboard/static/dashboard/scss/_util.scss
View File

@ -4,4 +4,15 @@
.horizontal-center {
float: none;
margin: 0 auto;
}
}
// Used to x-scroll to Pre-formatted text.
.pre_scrollable {
display: table;
table-layout: fixed;
width: 100%;
pre {
word-wrap: normal;
}
}