Max-width for the whole content

This commit is contained in:
fla 2016-02-21 20:43:19 +01:00 committed by Flaburgan
parent d0d3df05eb
commit 70140259ba
13 changed files with 124 additions and 166 deletions

View file

@ -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

View file

@ -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; }
}
}

View file

@ -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 {

View file

@ -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;
}
}

View file

@ -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"] {

View file

@ -7,7 +7,7 @@
.sidebar
= render "shared/settings_nav"
.col-md-9
.framed-content
.framed-content.clearfix
%h3= t(".title")
.row
.col-md-12

View file

@ -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

View file

@ -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")

View file

@ -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"

View file

@ -11,7 +11,7 @@
.sidebar
= render "shared/settings_nav"
.col-md-9
.framed-content
.framed-content.clearfix
%h3= t(".title")
.row
.col-md-12

View file

@ -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"

View file

@ -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

View file

@ -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