Commit feda4e8c authored by Dmytrii Kaiun's avatar Dmytrii Kaiun Committed by Serhii Myronets
Browse files

Issue #3238973: Add invite button for group members

parent 254d3103

assets/css/brand--sky.css

+1 −2
Original line number Diff line number Diff line
@@ -18,8 +18,7 @@ 
  background: #ffc142;

}



.socialblue--sky .block-profile-statistic-block .hero-footer__cta .btn-default,

.socialblue--sky .block-group-statistic-block .hero-footer__cta .btn-default {

.socialblue--sky .block-profile-statistic-block .hero-footer__cta.card__link .btn-default {

  color: #29abe2;

}

assets/css/cards--sky.css

+5 −0
Original line number Diff line number Diff line
@@ -128,6 +128,11 @@ 
  width: 100%;

}



.socialblue--sky .block-profile-statistic-block .hero-footer__cta > * + *,

.socialblue--sky .block-group-statistic-block .hero-footer__cta > * + * {

  margin-top: 1rem;

}



.socialblue--sky .block-profile-statistic-block .card__actionbar,

.socialblue--sky .block-group-statistic-block .card__actionbar {

  padding: 1.5rem 0;

assets/css/dropdown.css

+44 −0
Original line number Diff line number Diff line
@@ -13,6 +13,44 @@ 
  color: #777;

}



.dropdown-menu--invite {

  width: 100%;

  max-width: 100%;

  min-width: 220px;

  top: 100%;

  margin-top: .625rem;

  padding: .625rem 1rem 1rem;

}



.dropdown-menu--invite .input-group {

  max-width: 100%;

  margin: .25rem 0 1rem;

}



.dropdown-menu--invite .input-group .form-control,

.dropdown-menu--invite .input-group .input-group-addon {

  border-radius: 0 !important;

}



.dropdown-menu--invite .input-group .form-control {

  padding-left: .625rem;

  padding-right: .625rem;

  background-color: #f3f3f3;

  color: #777;

}



.dropdown-menu--invite .input-group .input-group-addon {

  padding-top: 11px;

  padding-bottom: 11px;

  background-color: transparent;

  font-size: 22px;

  color: #adadad;

}



.dropdown-menu--invite .input-group .input-group-addon:before {

  color: #adadad;

}



.dropdown.has-alert.has-alert--desktop > a:before {

  color: #4d4d4d;

  background-color: #ffc142;
@@ -22,6 +60,12 @@ 
  min-width: 100%;

}



@media (min-width: 900px) {

  .hero__banner .dropdown-menu--invite {

    left: 10px;

  }

}



@media (max-width: 599px) {

  .dropdown-menu.dropdown-menu--visibility {

    left: 0;

assets/css/hero--sky.css

+18 −7
Original line number Diff line number Diff line
@@ -121,7 +121,7 @@ 
  font-weight: 700;

}



.socialblue--sky .hero__banner .hero-footer__list .dropdown-menu {

.socialblue--sky .hero__banner .hero-footer__list .dropdown-menu:not(.dropdown-menu--invite) {

  min-width: 100%;

}
@@ -260,6 +260,7 @@ 
  width: 100%;

  background: #fff;

  padding: 60px 1em 0;

  z-index: 100;

}



.socialblue--sky .hero__banner--static .hero-header {
@@ -853,13 +854,23 @@ 
    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    margin: 0 -10px -10px;

    margin: 0;

  }

  [dir='rtl'] .socialblue--sky .hero__banner .hero-footer__list .meta-engage .hero_btn-group {

    margin: 0 -10px 1rem;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

  .socialblue--sky .hero__banner .hero-footer__list .meta-engage .hero_btn-group > * {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 100%;

            flex: 0 0 100%;

    max-width: 100%;

    padding: 0;

  }

  .socialblue--sky .hero__banner .hero-footer__list .meta-engage .hero_btn-group > * + * {

    margin-top: 1rem;

  }

  .socialblue--sky .hero__banner .hero-footer__list .meta-engage .hero_btn-group .btn {

    width: 100%;

  }

  .socialblue--sky .hero__banner .hero-footer__list .meta-engage .hero_btn-group .meta-addtocal .btn {

    width: 100%;

  }

  .socialblue--sky.path-user .cover-wrap {

    min-height: 160px;

assets/css/meta.css

+4 −0
Original line number Diff line number Diff line
@@ -12,3 +12,7 @@ 
  margin-top: 1rem;

  margin-right: 1rem;

}



.meta-invite {

  position: relative;

}