diff options
Diffstat (limited to 'app/assets')
3 files changed, 59 insertions, 27 deletions
diff --git a/app/assets/stylesheets/responsive/_new_request_layout.scss b/app/assets/stylesheets/responsive/_new_request_layout.scss index 2e0c4b029..a381eab94 100644 --- a/app/assets/stylesheets/responsive/_new_request_layout.scss +++ b/app/assets/stylesheets/responsive/_new_request_layout.scss @@ -76,7 +76,7 @@ @include grid-row; /* Restrict width of form elements on wide screens */ - #request_header_body, #request_header_subject, #typeahead_response { + #request_header_body, #request_header_subject, #typeahead_response { @include grid-column(12); @include respond-min( $main_menu-mobile_menu_cutoff ){ @include grid-column($columns:8, $last-column:true); @@ -104,7 +104,7 @@ } /* Advice sits on right hand side */ -#request_advice { +#request_advice, .preview-advice { @include grid-column(12); @include respond-min( $main_menu-mobile_menu_cutoff ){ @@ -119,7 +119,6 @@ } #request_form { - @include grid-column(12); @include respond-min( $main_menu-mobile_menu_cutoff ){ @include grid-column($columns:8, $pull: 4); @@ -133,10 +132,28 @@ } +/* Message preview */ +.message-preview { + @include grid-row($behavior: nest); +} + #preview_form { @include grid-column(12); } +.preview-pane { + @include grid-column(12); + @include respond-min( $main_menu-mobile_menu_cutoff ){ + @include grid-column($columns:8, $pull:4); + @include ie8{ + padding-right: 0.9375em; + } + @include lte-ie7 { + width: 36.813em; + } + } + } + /* Batch request page*/ @@ -205,7 +222,6 @@ div.batch_public_body_toggle { margin-left: 110px; } - /* Request sent page */ .request-sent-message { margin-top: 1em; diff --git a/app/assets/stylesheets/responsive/_new_request_style.scss b/app/assets/stylesheets/responsive/_new_request_style.scss index 8537e7d26..a056e8b43 100644 --- a/app/assets/stylesheets/responsive/_new_request_style.scss +++ b/app/assets/stylesheets/responsive/_new_request_style.scss @@ -58,24 +58,26 @@ @include respond-min( $main_menu-mobile_menu_cutoff ){ font-size: 1em; } + .advice-panel { + margin-top: 1.5em; + } +} + +.advice-panel { + background-color: #f4f4f4; + padding: 1.5em; ul { margin:0 auto; list-style: none outside none; - padding-left: 0; + padding: 0; li { margin:0 0 1em; } } } -.advice-panel { - background-color: darken(#f7eee1, 5%); - padding: 1.5em; - margin-top: 1.5em; -} - #request_search_ahead_results { - background-color: darken(#f7eee1, 5%); + background-color: #f4f4f4; padding: 1.5em; margin-bottom: 1.5em; h2 { @@ -84,20 +86,17 @@ } } -.advice-panel { - background-color: darken(#f7eee1, 5%); - padding: 1.5em; - margin-top: 1.5em; -} -#request_search_ahead_results { - background-color: darken(#f7eee1, 5%); - padding: 1.5em; - margin-bottom: 1.5em; - h2 { - font-size: 1em; - font-weight: normal; - } +input#reedit_button { + background-color: transparent; + color: #2688dc; + text-decoration: underline; + &:hover, + &:active, + &:focus { + color: #333333; + } + border: none; } /* Batch request page */ diff --git a/app/assets/stylesheets/responsive/_request_style.scss b/app/assets/stylesheets/responsive/_request_style.scss index c33688793..e6f36674a 100644 --- a/app/assets/stylesheets/responsive/_request_style.scss +++ b/app/assets/stylesheets/responsive/_request_style.scss @@ -3,7 +3,10 @@ div.correspondence { border: 1px solid #ccc; margin: 0 0 1em; - padding: 0.5em 1em 0 0.5em; + padding: 1em; + @include respond-min( $main_menu-mobile_menu_cutoff ){ + padding: 1.5em; + } h2 { text-align:right; @@ -11,6 +14,20 @@ div.correspondence { } } +.preview_subject, +.preview_to { + font-weight: bold; + strong { + font-weight: normal; + display: block; + color: #777; + } +} + +.preview_subject { + margin-bottom: 1.5em; +} + div.comment_in_request { border: 1px dotted #ccc; margin:0 0 1em 3em; @@ -30,7 +47,7 @@ div.comment_in_request { margin-bottom: 1em; } -.correspondence_text,.comment_in_request_text { +.comment_in_request_text { margin:0 1.2em 0 0.9em; } |