From 37523feecc6330e1b08d5dea66a0dc1e7d7374cb Mon Sep 17 00:00:00 2001 From: Marcela Ribeiro de Oliveira <mro15@inf.ufpr.br> Date: Wed, 16 Mar 2016 10:23:04 -0300 Subject: [PATCH] Contact icons --- app/assets/stylesheets/application/about.scss | 18 ------------ .../stylesheets/application/welcome.scss | 28 ++++++++++++++++++- app/views/about/index.html.erb | 18 +++--------- app/views/learning_objects/show.html.erb | 2 +- 4 files changed, 32 insertions(+), 34 deletions(-) diff --git a/app/assets/stylesheets/application/about.scss b/app/assets/stylesheets/application/about.scss index 9f3df891..07869b13 100644 --- a/app/assets/stylesheets/application/about.scss +++ b/app/assets/stylesheets/application/about.scss @@ -13,21 +13,3 @@ text-justify: inter-word; } } -//// CONTACT -.about-contact { - .contact-row { - margin-bottom: 10px; - - h4 { - font-weight: 400; - margin-bottom: 5px; - } - } - .contact-item { - background-color: #2E3192; - width: 30px; - height: 30px; - border-radius: 5px; - margin-right: 5px; - } -} diff --git a/app/assets/stylesheets/application/welcome.scss b/app/assets/stylesheets/application/welcome.scss index 16636220..60ff70a2 100644 --- a/app/assets/stylesheets/application/welcome.scss +++ b/app/assets/stylesheets/application/welcome.scss @@ -76,11 +76,37 @@ $carousel_size: 400px; } } .contact-item { - background-color: #2E3192; width: 30px; height: 30px; border-radius: 5px; margin-right: 5px; + i { + font-size: 35px; + margin-left: -15px; + margin-top: -2px; + } + .i-google{ + background: #FFFFFF; + color: #d34836; + } + .i-twitter{ + background: #FFFFFF; + color: #1dcaff; + } + .i-facebook{ + font-size: 29px; + background: #3b5998; + color: #FFFFFF; + margin-top: 0px; + width: 30px; + border-radius: 5px; + padding-top: 1px; + } + .logo-contact{ + width: auto; + height: 70px; + margin-left: -15px; + } } } diff --git a/app/views/about/index.html.erb b/app/views/about/index.html.erb index cf9122af..d2d17284 100644 --- a/app/views/about/index.html.erb +++ b/app/views/about/index.html.erb @@ -72,25 +72,15 @@ <div class="contact-row"> <h4>Redes Sociais</h4> <div class="row"> - <div class='col-md-1 col-sm-offset-1 contact-item'></div> - <div class='col-md-1 contact-item'></div> - <div class='col-md-1 contact-item'></div> - <div class='col-md-1 contact-item'></div> - </div> - </div> - <div class="contact-row"> - <h4>Outros sites do ministério da educação</h4> - <div class="row"> - <div class='contact-item col-md-1 col-sm-offset-1'></div> - <div class='contact-item col-md-1'></div> - <div class='contact-item col-md-1'></div> - <div class='contact-item col-md-1'></div> + <div class='col-md-1 col-sm-offset-1 contact-item'><i class="fa fa-facebook i-facebook"></i></div> + <div class='col-md-1 contact-item'><i class="fa fa-google-plus-square i-google"></i></div> + <div class='col-md-1 contact-item'><i class="fa fa-twitter-square i-twitter"></i></div> </div> </div> <div class="contact-row"> <h4>Portal desenvolvido por</h4> <div class="row"> - <div class='contact-item col-md-1 col-sm-offset-1'></div> + <div class='contact-item col-md-1 col-sm-offset-1'><%=link_to (image_tag 'logo_c3.png', class:"logo-contact"), "http://www.c3sl.ufpr.br/", target:"_blank"%> </div> </div> </div> </div> diff --git a/app/views/learning_objects/show.html.erb b/app/views/learning_objects/show.html.erb index d7e3db97..8cafb1f1 100644 --- a/app/views/learning_objects/show.html.erb +++ b/app/views/learning_objects/show.html.erb @@ -32,7 +32,7 @@ </div> <div class="media-body"> <h5>Autor</h5> - <h3 style="font-family:bolder"><%= author %></h3> + <h3><%= author %></h3> </div> </div> <% end %> -- GitLab