Merge pull request #4523 from Flaburgan:improve-getting-started
Conflicts: Changelog.md
This commit is contained in:
commit
abc06686ce
8 changed files with 104 additions and 117 deletions
|
|
@ -23,8 +23,8 @@
|
|||
* Fix counter background does not cover more than 2 digits on profile [#4499](https://github.com/diaspora/diaspora/issues/4499)
|
||||
* Fix commenting upon submission fail [#4005] (https://github.com/diaspora/diaspora/issues/4005)
|
||||
* Fix date color and alignment in the notifications dropdown [#4502](https://github.com/diaspora/diaspora/issues/4502)
|
||||
|
||||
* Add a white background to images shown in the lightbox [#4475](https://github.com/diaspora/diaspora/issues/4475)
|
||||
* Refactor getting_started page, test if facebook is available, fix [#4520](https://github.com/diaspora/diaspora/issues/4520)
|
||||
|
||||
## Features
|
||||
* Add oEmbed content to the mobile view [#4343](https://github.com/diaspora/diaspora/pull/4353)
|
||||
|
|
|
|||
|
|
@ -2508,6 +2508,38 @@ a.toggle_selector
|
|||
:-moz-box-shadow none
|
||||
:box-shadow none
|
||||
|
||||
#hello-there
|
||||
p
|
||||
:font-size medium
|
||||
h1
|
||||
:margin 0px
|
||||
h2
|
||||
:margin
|
||||
:top 80px
|
||||
:bottom 12px
|
||||
h3
|
||||
:font
|
||||
:size large
|
||||
:weight 200
|
||||
:margin 0px
|
||||
form, p
|
||||
:margin-left 30px
|
||||
input
|
||||
:margin-bottom 15px
|
||||
.hero-unit
|
||||
:margin 20px 42px
|
||||
:padding 40px 80px
|
||||
.awesome
|
||||
:text-align center
|
||||
:margin-top 60px
|
||||
.creation
|
||||
:font-size 16px
|
||||
|
||||
#profile_photo_upload
|
||||
#fileInfo
|
||||
:margin-top 12px
|
||||
:text-align left
|
||||
|
||||
#welcome-to-diaspora
|
||||
:-webkit-box-shadow inset 0 -2px 10px rgba(0,0,0,0.35)
|
||||
:-moz-box-shadow inset 0 -2px 10px rgba(0,0,0,0.35)
|
||||
|
|
|
|||
|
|
@ -1282,3 +1282,20 @@ input#q.search {
|
|||
.remove_comment {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* --- Getting started page --- */
|
||||
#hello-there {
|
||||
h1, h2, h3 { line-height: normal; }
|
||||
h1 { font-size: 25px; }
|
||||
h2 { font-size: 20px; }
|
||||
h3 { font-size: 15px; }
|
||||
|
||||
h2, #awesome_button {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
.span7.offset1.well
|
||||
.well
|
||||
= t('.invited_by')
|
||||
.media
|
||||
.float-right
|
||||
|
|
|
|||
|
|
@ -60,17 +60,11 @@
|
|||
#profile_photo_upload
|
||||
= owner_image_tag(:thumb_medium)
|
||||
|
||||
-if !aspect.nil? && aspect == :getting_started
|
||||
%br
|
||||
%br
|
||||
|
||||
#file-upload.button
|
||||
=t('.upload')
|
||||
|
||||
= image_tag('mobile-spinner.gif', :class => 'hidden', :style => "z-index:-1", :id => 'file-upload-spinner')
|
||||
|
||||
%br
|
||||
%br
|
||||
%p
|
||||
#fileInfo
|
||||
|
||||
|
|
|
|||
|
|
@ -43,17 +43,11 @@
|
|||
#profile_photo_upload
|
||||
= owner_image_tag(:thumb_medium)
|
||||
|
||||
-if !aspect.nil? && aspect == :getting_started
|
||||
%br
|
||||
%br
|
||||
|
||||
#file-upload.button
|
||||
=t('.upload')
|
||||
|
||||
= image_tag('mobile-spinner.gif', :class => 'hidden', :style => "z-index:-1", :id => 'file-upload-spinner')
|
||||
|
||||
%br
|
||||
%br
|
||||
%p
|
||||
#fileInfo
|
||||
|
||||
|
|
|
|||
|
|
@ -4,72 +4,43 @@
|
|||
|
||||
- content_for :head do
|
||||
= javascript_include_tag :profile
|
||||
:css
|
||||
.media, .bd{ overflow: visible;}
|
||||
|
||||
%br
|
||||
|
||||
%section#hello-there
|
||||
.hero-unit
|
||||
%h1.center
|
||||
= t('.well_hello_there')
|
||||
%p.center
|
||||
%h3.center
|
||||
= t(".community_welcome")
|
||||
|
||||
= invited_by_message
|
||||
|
||||
%h2
|
||||
= t(".who_are_you")
|
||||
|
||||
.clearfix
|
||||
%br
|
||||
%br
|
||||
- if AppConfig.configured_services.include? :facebook
|
||||
%p
|
||||
!= t('.connect_to_facebook', :link => link_to(t('.connect_to_facebook_link'), "auth/facebook?callback_url=#{getting_started_url}"))
|
||||
|
||||
.clearfix
|
||||
.row
|
||||
%h2
|
||||
= t(".who_are_you")
|
||||
= form_tag profile_path, :method => :put, :remote => true, :id => 'edit_profile' do
|
||||
%fieldset
|
||||
= label_tag 'profile[first_name]', t('profiles.edit.your_name')
|
||||
= text_field_tag 'profile[first_name]', current_user.first_name
|
||||
= image_tag 'ajax-loader.gif', :id => "gs-name-form-spinner", :class => "hidden"
|
||||
= label_tag :your_photo, t('profiles.edit.your_photo')
|
||||
= render 'photos/new_profile_photo', :aspect => :getting_started, :person => current_user.person
|
||||
|
||||
.row
|
||||
%p
|
||||
!= t('.connect_to_facebook', :link => link_to(t('.connect_to_facebook_link'), "auth/facebook?callback_url=#{getting_started_url}"))
|
||||
%h2
|
||||
= t('.what_are_you_in_to')
|
||||
|
||||
.row
|
||||
.span6
|
||||
= form_tag profile_path, :method => :put, :remote => true, :id => 'edit_profile' do
|
||||
%fieldset
|
||||
.clearfix
|
||||
= label_tag 'profile[first_name]', t('profiles.edit.your_name'), :class => "bootstrapped"
|
||||
.input
|
||||
= text_field_tag 'profile[first_name]', current_user.first_name
|
||||
= image_tag 'ajax-loader.gif', :id => "gs-name-form-spinner", :class => "hidden"
|
||||
%p
|
||||
= t('.hashtag_explanation')
|
||||
|
||||
.clearfix
|
||||
= label_tag :your_photo, t('profiles.edit.your_photo'), :class => "bootstrapped"
|
||||
.input{:style => "position:relative;"}
|
||||
= render 'photos/new_profile_photo', :aspect => :getting_started, :person => current_user.person
|
||||
%br
|
||||
%br
|
||||
= form_tag(tag_followings_path, :method => 'get', :class => "tag_input search_form") do
|
||||
%fieldset
|
||||
= label_tag 'follow_tags', t('.hashtag_suggestions')
|
||||
#tags_list
|
||||
= text_field_tag 'follow_tags', nil, :class => "nostrap"
|
||||
|
||||
.clearfix
|
||||
.row
|
||||
%h2
|
||||
= t('.what_are_you_in_to')
|
||||
|
||||
.row
|
||||
%p
|
||||
= t('.hashtag_explanation')
|
||||
|
||||
.row
|
||||
.span13
|
||||
= form_tag(tag_followings_path, :method => 'get', :class => "tag_input search_form") do
|
||||
%fieldset
|
||||
.clearfix
|
||||
= label_tag 'follow_tags', t('.hashtag_suggestions'), :class => "bootstrapped"
|
||||
.input
|
||||
= text_field_tag 'follow_tags', nil, :class => "nostrap"
|
||||
|
||||
.clearfix
|
||||
%br
|
||||
%br
|
||||
%br
|
||||
.input
|
||||
= link_to "#{t('.awesome_take_me_to_diaspora')} »", stream_path, :id => "awesome_button", :class => "btn primary"
|
||||
.awesome
|
||||
= link_to "#{t('.awesome_take_me_to_diaspora')} »", stream_path, :id => "awesome_button", :class => "button creation"
|
||||
|
||||
|
|
|
|||
|
|
@ -42,64 +42,43 @@
|
|||
|
||||
%section#hello-there
|
||||
.hero-unit-mobile
|
||||
%h3.center
|
||||
%h1.center
|
||||
= t('.well_hello_there')
|
||||
%p.center
|
||||
%h3.center
|
||||
= t(".community_welcome")
|
||||
|
||||
= invited_by_message
|
||||
|
||||
.clearfix
|
||||
%h2
|
||||
= t(".who_are_you")
|
||||
|
||||
.clearfix
|
||||
.row
|
||||
%h3
|
||||
= t(".who_are_you")
|
||||
- if AppConfig.configured_services.include? :facebook
|
||||
%p
|
||||
!= t('.connect_to_facebook', :link => link_to(t('.connect_to_facebook_link'), "auth/facebook?callback_url=#{getting_started_url}"))
|
||||
|
||||
.row
|
||||
%p
|
||||
!= t('.connect_to_facebook', :link => link_to(t('.connect_to_facebook_link'), "auth/facebook?callback_url=#{getting_started_url}"))
|
||||
= form_tag profile_path, :method => :put, :remote => true, :id => 'edit_profile' do
|
||||
%fieldset
|
||||
= label_tag 'profile[first_name]', t('profiles.edit.your_name'), :class => "bootstrapped"
|
||||
= text_field_tag 'profile[first_name]', current_user.first_name
|
||||
= image_tag 'ajax-loader.gif', :id => "gs-name-form-spinner", :class => "hidden"
|
||||
%span.saved{:class => "hidden"}
|
||||
= image_tag 'icons/check_yes_ok.png'
|
||||
= t(".saved")
|
||||
|
||||
.row
|
||||
.span6
|
||||
= form_tag profile_path, :method => :put, :remote => true, :id => 'edit_profile' do
|
||||
%fieldset
|
||||
.clearfix
|
||||
= label_tag 'profile[first_name]', t('profiles.edit.your_name'), :class => "bootstrapped"
|
||||
.input
|
||||
= text_field_tag 'profile[first_name]', current_user.first_name
|
||||
= image_tag 'ajax-loader.gif', :id => "gs-name-form-spinner", :class => "hidden"
|
||||
= label_tag :your_photo, t('profiles.edit.your_photo'), :class => "bootstrapped"
|
||||
= render 'photos/new_profile_photo', :aspect => :getting_started, :person => current_user.person
|
||||
|
||||
%span.saved{:class => "hidden"}
|
||||
= image_tag 'icons/check_yes_ok.png'
|
||||
= t(".saved")
|
||||
%h2
|
||||
= t('.what_are_you_in_to')
|
||||
|
||||
.clearfix
|
||||
= label_tag :your_photo, t('profiles.edit.your_photo'), :class => "bootstrapped"
|
||||
= render 'photos/new_profile_photo', :aspect => :getting_started, :person => current_user.person
|
||||
%p
|
||||
= t('.hashtag_explanation')
|
||||
|
||||
.clearfix
|
||||
.row
|
||||
%h3
|
||||
= t('.what_are_you_in_to')
|
||||
|
||||
.row
|
||||
%p
|
||||
= t('.hashtag_explanation')
|
||||
|
||||
.row
|
||||
.span13
|
||||
= form_tag(tag_followings_path, :method => 'get', :class => "tag_input search_form") do
|
||||
%fieldset
|
||||
.clearfix
|
||||
= label_tag 'follow_tags', t('.hashtag_suggestions'), :class => "bootstrapped"
|
||||
.input
|
||||
= text_field_tag 'follow_tags', nil, :class => "nostrap"
|
||||
|
||||
.clearfix
|
||||
%br
|
||||
%br
|
||||
%br
|
||||
.input
|
||||
= link_to "#{t('.awesome_take_me_to_diaspora')} »", stream_path, :id => "awesome_button", :class => "btn primary"
|
||||
= form_tag(tag_followings_path, :method => 'get', :class => "tag_input search_form") do
|
||||
%fieldset
|
||||
= label_tag 'follow_tags', t('.hashtag_suggestions'), :class => "bootstrapped"
|
||||
= text_field_tag 'follow_tags', nil, :class => "nostrap"
|
||||
|
||||
.center
|
||||
= link_to "#{t('.awesome_take_me_to_diaspora')} »", stream_path, :id => "awesome_button", :class => "button creation"
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue