Sha256: 4ba0a782cfeedeaee4be2f71ae7619360c928a30f816722baf40fa256e1f3baf
Contents?: true
Size: 1.84 KB
Versions: 25
Compression:
Stored size: 1.84 KB
Contents
.social-medias-setting.col-lg-12
.box.slice-box.p-15
.box-header.with-border
%h3.box-title
= t 'keppler.sidebar-menu.setting-submenu.social-accounts'
.box-tools.pull-right
%a.btn.btn-box-tool{ 'data-widget' => 'collapse', type: 'button' }
%i.icon-minus
.box-body.pure-input
.form-padding
= f.simple_fields_for :social_account do |f|
.row
- @social_medias.each_with_index do |social, color|
.col-lg-6.col-md-6.col-sm-12.col-xs-12
= f.input social
-# To show a social media icon before input
:javascript
var input = $("#setting_social_account_attributes_#{social}")
input.before(
`<i style="color:#9e9e9e" class="social-icons prefix fab fa-#{social.to_s.split('_').join('-')}"></i>`
)
input.focus(function(){
$('.fa-#{social.to_s.split('_').join('-')}').css('color', "#{@colors[color]}")
})
input.blur(function(){
$('.fa-#{social.to_s.split('_').join('-')}').css('color', "#9e9e9e")
});
-# To activate colors in social media inputs
:sass
.setting_social_account_#{social}
i.active
color: #{@colors[color]} !important
input:focus:not([readonly])
border: 1px solid #{@colors[color]} !important
// box-shadow: 0 1px 0 0 #{@colors[color]} !important
.control-label.active
color: #{@colors[color]} !important
.row
.col-lg-12
.pull-right
= f.button :submit, t('keppler.actions.apply'), class: 'btn-primary'
Version data entries
25 entries across 24 versions & 1 rubygems