diff --git a/app/assets/stylesheets/base.scss b/app/assets/stylesheets/base.scss index 114298043..1e7f268d1 100644 --- a/app/assets/stylesheets/base.scss +++ b/app/assets/stylesheets/base.scss @@ -5,11 +5,6 @@ body { .container-fluid { max-width: $screen-lg-min; } -.page-streams, -.page-tags.action-show { - > .container-fluid { max-width: 100%; } -} - // These names are generated by a rails controller // scss-lint:disable SelectorFormat .page-contacts, @@ -22,10 +17,11 @@ body { .page-profiles.action-edit, .page-services.action-index, .page-streams, +.page-tags, .page-user_applications, .page-users.action-edit, .page-users.action-privacy_settings { - background-color: $sidebars-background; + background-color: $main-background; } // scss-lint:enable SelectorFormat diff --git a/app/assets/stylesheets/navbar_left.scss b/app/assets/stylesheets/navbar_left.scss index 9d91ae065..99d0719a7 100644 --- a/app/assets/stylesheets/navbar_left.scss +++ b/app/assets/stylesheets/navbar_left.scss @@ -1,16 +1,6 @@ -/* Fixed backgrounds are a common practice to avoid height issues */ -.left-navbar-fixed-background { - position: fixed; - height: 100%; -} - -.left-navbar, -.left-navbar-fixed-background { - border-right: 1px solid $light-grey; - background: $sidebars-background; -} - .left-navbar { + padding: 0; + a { text-decoration: none; outline: 0; @@ -20,9 +10,6 @@ margin: 0; padding: 0; list-style: none; - &#stream_selection { - margin: 0px -15px; /* -15px overrides Bootstrap's default gutter width */ - } } .hoverable { @@ -114,10 +101,10 @@ } .info-bar { - margin-top: 25px; + padding: 0 20px; .section { - margin-bottom: 20px; + margin-top: 20px; } .title { @@ -179,10 +166,4 @@ display: inline-block; } } - - .stream-faces { - display: flex; - flex-flow: row wrap; - img { margin: 1px; } - } } diff --git a/app/assets/stylesheets/sidebar.scss b/app/assets/stylesheets/sidebar.scss index 9242840e6..1df833b42 100644 --- a/app/assets/stylesheets/sidebar.scss +++ b/app/assets/stylesheets/sidebar.scss @@ -2,9 +2,8 @@ .framed-content { background-color: $white; border: 1px solid $light-grey; + border-top: 0; box-shadow: $card-shadow; - margin-top: -10px; - padding-top: 10px; .header, .sidebar-header { diff --git a/app/assets/stylesheets/stream.scss b/app/assets/stylesheets/stream.scss index 3af6bf168..f6000eb96 100644 --- a/app/assets/stylesheets/stream.scss +++ b/app/assets/stylesheets/stream.scss @@ -1,14 +1,4 @@ -.page-streams, -.page-people, -.page-photos, -.page-tags { - background-color: $main-background; -} - .stream_container { - margin: auto; - max-width: 900px; - .stream-title { margin: 12px 0; } @@ -29,7 +19,7 @@ @media(max-width: $screen-xs) { - .publisher { + .main-stream-publisher .publisher { margin-left: 0; } } diff --git a/app/assets/stylesheets/tag.scss b/app/assets/stylesheets/tag.scss index 037cc1c70..bce8ad6c6 100644 --- a/app/assets/stylesheets/tag.scss +++ b/app/assets/stylesheets/tag.scss @@ -23,11 +23,8 @@ h1.tag { } } .page-tags { - background-color: $sidebars-background; - .left-navbar-fixed-background { border-right: 0; } #tags_show { .col-md-3 { - h4 { margin: 25px 0 15px; } .side_stream #people_stream { .name { display: block; } .name, .diaspora_handle { @@ -37,7 +34,7 @@ h1.tag { } } } - .col-md-7 { + .col-md-9 { .tag-following-action { max-width: 100%; input[type="submit"] { diff --git a/app/views/api/openid_connect/user_applications/index.html.haml b/app/views/api/openid_connect/user_applications/index.html.haml index 667abc218..b90082995 100644 --- a/app/views/api/openid_connect/user_applications/index.html.haml +++ b/app/views/api/openid_connect/user_applications/index.html.haml @@ -7,7 +7,7 @@ .sidebar = render "shared/settings_nav" .col-md-9 - .framed-content + .framed-content.clearfix %h3= t(".title") .row .col-md-12 diff --git a/app/views/aspects/_aspect_stream.haml b/app/views/aspects/_aspect_stream.haml index b4cf0ce4f..abee4ac83 100644 --- a/app/views/aspects/_aspect_stream.haml +++ b/app/views/aspects/_aspect_stream.haml @@ -10,9 +10,8 @@ .pull-left.hidden-xs = owner_image_link = render "publisher/publisher", publisher_aspects_for(stream) -= render "aspects/no_posts_message" -.stream#main_stream{title: popover_with_close_html("3. #{t('.stay_updated')}"), +.stream#main_stream{:title => popover_with_close_html("3. #{t('.stay_updated')}"), "data-content" => t(".stay_updated_explanation")} #paginate diff --git a/app/views/conversations/index.haml b/app/views/conversations/index.haml index 47c1e76d6..31297c79e 100644 --- a/app/views/conversations/index.haml +++ b/app/views/conversations/index.haml @@ -34,7 +34,7 @@ - else .stream_container.hidden #conversation_show - .framed-content#conversation_new + .framed-content.clearfix#conversation_new .new-conversation %h3.text-center = t("conversations.index.new_conversation") diff --git a/app/views/profiles/edit.haml b/app/views/profiles/edit.haml index 8eee45d2a..043cbfe88 100644 --- a/app/views/profiles/edit.haml +++ b/app/views/profiles/edit.haml @@ -8,7 +8,7 @@ .sidebar = render "shared/settings_nav" .col-md-9 - .framed-content + .framed-content.clearfix - content_for :submit_block do = link_to t("cancel"), local_or_remote_person_path(current_user.person), class: "btn btn-default" = submit_tag t(".update_profile"), class: "btn btn-primary pull-right", id: "update_profile" diff --git a/app/views/services/index.html.haml b/app/views/services/index.html.haml index 3828b102f..432dafdb3 100644 --- a/app/views/services/index.html.haml +++ b/app/views/services/index.html.haml @@ -11,7 +11,7 @@ .sidebar = render "shared/settings_nav" .col-md-9 - .framed-content + .framed-content.clearfix %h3= t(".title") .row .col-md-12 diff --git a/app/views/shared/_settings_nav.haml b/app/views/shared/_settings_nav.haml index 7c4b74460..53794791e 100644 --- a/app/views/shared/_settings_nav.haml +++ b/app/views/shared/_settings_nav.haml @@ -1,6 +1,7 @@ #section_header - %h3.sidebar-header - = t("settings") + .sidebar-header.clearfix + %h3 + = t("settings") .list-group#settings_nav = link_to t("profile"), edit_profile_path, class: current_page?(edit_profile_path) ? "list-group-item active" : "list-group-item" diff --git a/app/views/streams/main_stream.html.haml b/app/views/streams/main_stream.html.haml index 3fe7e0165..a31fb85c8 100644 --- a/app/views/streams/main_stream.html.haml +++ b/app/views/streams/main_stream.html.haml @@ -22,132 +22,126 @@ .container-fluid .row - .left-navbar-fixed-background.col-lg-2.col-sm-3.hidden-sm.hidden-xs - .left-navbar.col-lg-2.col-sm-3 - %ul#stream_selection - %li{data: {stream: "stream"}} - = link_to t("streams.multi.title"), stream_path, rel: "backbone", class: "hoverable" - %li{data: {stream: "activity"}} - = link_to t("streams.activity.title"), activity_stream_path, rel: "backbone", class: "hoverable" - %li{data: {stream: "mentions"}} - = link_to t("streams.mentions.title"), mentioned_stream_path, rel: "backbone", class: "hoverable" - %li.all-aspects - = render "aspects/aspect_listings", stream: @stream - %li.followed-tags-sidebar - = render "tags/followed_tags_listings" - %li{data: {stream: "public"}} - = link_to t("streams.public.title"), public_stream_path, rel: "backbone", class: "hoverable" + .col-md-3 + .sidebar.left-navbar + %ul#stream_selection + %li{data: {stream: "stream"}} + = link_to t("streams.multi.title"), stream_path, rel: "backbone", class: "hoverable" + %li{data: {stream: "activity"}} + = link_to t("streams.activity.title"), activity_stream_path, rel: "backbone", class: "hoverable" + %li{data: {stream: "mentions"}} + = link_to t("streams.mentions.title"), mentioned_stream_path, rel: "backbone", class: "hoverable" + %li.all-aspects + = render "aspects/aspect_listings", stream: @stream + %li.followed-tags-sidebar + = render "tags/followed_tags_listings" + %li{data: {stream: "public"}} + = link_to t("streams.public.title"), public_stream_path, rel: "backbone", class: "hoverable" - .info-bar.hidden-xs - .section#selected_aspect_contacts - .title - %h5.stream-title - = @stream.title - .content + .info-bar.hidden-xs + - if AppConfig.settings.invitations.open? + .section + .title + %h5.title-header + = t("shared.invitations.invite_your_friends") + .content + = render "shared/invitations" - - if AppConfig.settings.invitations.open? .section .title %h5.title-header - = t("shared.invitations.invite_your_friends") + = t("aspects.index.new_here.title") .content - = render "shared/invitations" + != t("aspects.index.new_here.follow", + link: link_to("#" + t("shared.publisher.new_user_prefill.newhere"), + tag_path(name: t("shared.publisher.new_user_prefill.newhere")))) + %br + = link_to(t("aspects.index.new_here.learn_more"), + "http://wiki.diasporafoundation.org/Welcoming_Committee") - .section - .title - %h5.title-header - = t("aspects.index.new_here.title") - .content - != t("aspects.index.new_here.follow", - link: link_to("#" + t("shared.publisher.new_user_prefill.newhere"), - tag_path(name: t("shared.publisher.new_user_prefill.newhere")))) - %br - = link_to(t("aspects.index.new_here.learn_more"), - "http://wiki.diasporafoundation.org/Welcoming_Committee") - - .section - .title - %h5.title-header - = t("aspects.index.help.need_help") - .content - %p - = t("aspects.index.help.here_to_help") - %p - = t("aspects.index.help.do_you") - %ul - %li - != t("aspects.index.help.have_a_question", - link: link_to("#" + t("aspects.index.help.tag_question"), - tag_path(name: t("aspects.index.help.tag_question")))) - %li - != t("aspects.index.help.find_a_bug", - link: link_to("#" + t("aspects.index.help.tag_bug"), - tag_path(name: t("aspects.index.help.tag_bug")))) - %li - != t("aspects.index.help.feature_suggestion", - link: link_to("#" + t("aspects.index.help.tag_feature"), - tag_path(name: t("aspects.index.help.tag_feature")))) - %p - != t("aspects.index.help.tutorials_and_wiki", - faq: link_to(t("_help"), help_path), - tutorial: link_to(t("aspects.index.help.tutorial_link_text"), - "https://diasporafoundation.org/tutorials", target: "_blank"), - wiki: link_to("Wiki", "http://wiki.diasporafoundation.org", - target: "_blank"), - target: "_blank") - - - unless AppConfig.configured_services.blank? || all_services_connected? .section .title %h5.title-header - = t("aspects.index.services.heading") - .content - %div - = t("aspects.index.services.content") - - .right-service-icons - - AppConfig.configured_services.each do |service| - - if AppConfig.show_service?(service, current_user) - - unless current_user.services.any? {|x| x.provider == service } - = link_to(content_tag(:div, nil, - class: "social-media-logos-#{service.to_s.downcase}-24x24", - title: service.to_s.titleize), "/auth/#{service}") - - .section - .title - %h5.title-header - = t("bookmarklet.heading") - .content - != t("bookmarklet.explanation", link: link_to(t("bookmarklet.post_something"), bookmarklet_code)) - - - if AppConfig.settings.paypal_donations.enable? || AppConfig.bitcoin_donation_address - .section - .title - %h5.title-header - = t("aspects.index.donate") + = t("aspects.index.help.need_help") .content %p - = t("aspects.index.keep_pod_running", pod: AppConfig.pod_uri.host) - = render "shared/donatepod" + = t("aspects.index.help.here_to_help") + %p + = t("aspects.index.help.do_you") + %ul + %li + != t("aspects.index.help.have_a_question", + link: link_to("#" + t("aspects.index.help.tag_question"), + tag_path(name: t("aspects.index.help.tag_question")))) + %li + != t("aspects.index.help.find_a_bug", + link: link_to("#" + t("aspects.index.help.tag_bug"), + tag_path(name: t("aspects.index.help.tag_bug")))) + %li + != t("aspects.index.help.feature_suggestion", + link: link_to("#" + t("aspects.index.help.tag_feature"), + tag_path(name: t("aspects.index.help.tag_feature")))) + %p + != t("aspects.index.help.tutorials_and_wiki", + faq: link_to(t("_help"), help_path), + tutorial: link_to(t("aspects.index.help.tutorial_link_text"), + "https://diasporafoundation.org/tutorials", target: "_blank"), + wiki: link_to("Wiki", "http://wiki.diasporafoundation.org", + target: "_blank"), + target: "_blank") + + - unless AppConfig.configured_services.blank? || all_services_connected? + .section + .title + %h5.title-header + = t("aspects.index.services.heading") + .content + %div + = t("aspects.index.services.content") + + .right-service-icons + - AppConfig.configured_services.each do |service| + - if AppConfig.show_service?(service, current_user) + - unless current_user.services.any? {|x| x.provider == service } + = link_to(content_tag(:div, nil, + class: "social-media-logos-#{service.to_s.downcase}-24x24", + title: service.to_s.titleize), "/auth/#{service}") - - if AppConfig.admins.podmin_email.present? .section .title %h5.title-header - = t("aspects.index.help.any_problem") + = t("bookmarklet.heading") .content - %p - = t("aspects.index.help.contact_podmin") - %p - = link_to t("aspects.index.help.mail_podmin"), "mailto:#{AppConfig.admins.podmin_email}" + != t("bookmarklet.explanation", link: link_to(t("bookmarklet.post_something"), bookmarklet_code)) - .section - .title - .content - %ul - = render "shared/links" + - if AppConfig.settings.paypal_donations.enable? || AppConfig.bitcoin_donation_address + .section + .title + %h5.title-header + = t("aspects.index.donate") + .content + %p + = t("aspects.index.keep_pod_running", pod: AppConfig.pod_uri.host) + = render "shared/donatepod" - .col-lg-10.col-sm-9 + - if AppConfig.admins.podmin_email.present? + .section + .title + %h5.title-header + = t("aspects.index.help.any_problem") + .content + %p + = t("aspects.index.help.contact_podmin") + %p + = link_to t("aspects.index.help.mail_podmin"), "mailto:#{AppConfig.admins.podmin_email}" + + .section + .title + .content + %ul + = render "shared/links" + + .col-md-9 .stream_container#aspect_stream_container = render "aspects/aspect_stream", stream: @stream diff --git a/app/views/tags/show.haml b/app/views/tags/show.haml index 90026b495..ebb468b28 100644 --- a/app/views/tags/show.haml +++ b/app/views/tags/show.haml @@ -10,13 +10,14 @@ .container-fluid#tags_show .row - .col-lg-3.hidden-xs.left-navbar-fixed-background .col-md-3.hidden-xs - %h4 - = t('.tagged_people', count: @stream.tagged_people_count, tag: @stream.display_tag_name) + .sidebar + .sidebar-header.clearfix + %h3 + = t(".tagged_people", count: @stream.tagged_people_count, tag: @stream.display_tag_name) - .side_stream.stream - = render partial: 'people/index', locals: {people: @stream.tagged_people} + .side_stream.stream + = render partial: "people/index", locals: {people: @stream.tagged_people} .col-md-9 .stream_container