[PATCH conductor] BZ784474 added word-wrap: break-word to all headers, so long words dont get off the ui

[Jirka Tomasek]

From: Jiri Tomasek

---
 src/app/stylesheets/custom.scss |    4 +++-
 src/app/stylesheets/layout.scss |    2 ++
 2 files changed, 5 insertions(+), 1 deletions(-)

diff --git a/src/app/stylesheets/custom.scss b/src/app/stylesheets/custom.scss
index be3e1ec..484d3c3 100644
--- a/src/app/stylesheets/custom.scss
+++ b/src/app/stylesheets/custom.scss
@@ -8,7 +8,7 @@
 .deployable_details {
   color: #606060;
   position: relative;
-  max-width: 500px;
+  width: 500px;
   margin: auto;
   background: url(../../images/launch-deployment-icon.png) no-repeat right 75%;

@@ -17,6 +17,7 @@
     margin-bottom: 3em;

h2 {
+      width: 400px;
       font-size: 28px;
       font-weight: normal;
       text-align: center;
@@ -28,6 +29,7 @@
       font-size: 13px;
       margin-left: 50px;
       margin-right: 50px;
+      word-wrap: break-word;
     }
   }

diff --git a/src/app/stylesheets/layout.scss b/src/app/stylesheets/layout.scss
index cdf3e66..a80c07e 100644
--- a/src/app/stylesheets/layout.scss
+++ b/src/app/stylesheets/layout.scss
@@ -115,6 +115,8 @@ xmp {
   outline: none;
 }

+h1,h2,h3,h4,h5,h6{ word-wrap: break-word; }
+
 html,
 body {
   height: 100%;

[Imre Farkas]

On 02/24/2012 05:23 PM, [e-mail] wrote:
> From: Jiri Tomasek
>
> src/app/stylesheets/custom.scss |    4 +++-
>   src/app/stylesheets/layout.scss |    2 ++
>   2 files changed, 5 insertions(+), 1 deletions(-)
>
> diff --git a/src/app/stylesheets/custom.scss b/src/app/stylesheets/custom.scss
> index be3e1ec..484d3c3 100644
> --- a/src/app/stylesheets/custom.scss
> +++ b/src/app/stylesheets/custom.scss
> @@ -8,7 +8,7 @@
>   .deployable_details {
>     color: #606060;
>     position: relative;
> max-width: 500px;
> width: 500px;
>  margin: auto;
>  background: url(../../images/launch-deployment-icon.png) no-repeat right 75%;
>
> @@ -17,6 +17,7 @@
>       margin-bottom: 3em;
>   h2 {
>  width: 400px;
>   font-size: 28px;
>   font-weight: normal;
>   text-align: center;
>
> @@ -28,6 +29,7 @@
>         font-size: 13px;
>         margin-left: 50px;
>         margin-right: 50px;
>  word-wrap: break-word;
> }
> }
>
> diff --git a/src/app/stylesheets/layout.scss b/src/app/stylesheets/layout.scss
> index cdf3e66..a80c07e 100644
> --- a/src/app/stylesheets/layout.scss
> +++ b/src/app/stylesheets/layout.scss
> @@ -115,6 +115,8 @@ xmp {
>     outline: none;
>   }
>
> +h1,h2,h3,h4,h5,h6{ word-wrap: break-word; }
> html,
> body {
>   height: 100%;

ACK