Commit a6181a13 authored by Agami4's avatar Agami4
Browse files

Merge branch '1.3.x' of git.drupal.org:project/socialblue into...

Merge branch '1.3.x' of git.drupal.org:project/socialblue into bugfix/3243300-change-HTML-tag-page-title
parents ba9b86f6 36eb86a1
......@@ -21,71 +21,84 @@
}
.popover {
border-radius: 10px;
border-radius: 5px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.popover-title {
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 11px 11px 0 0;
background-color: #f3f3f3;
border-radius: 5px 5px 0 0;
}
.popover.top > .arrow {
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
border-top-color: #f3f3f3;
border-top-color: #f3f3f3;
}
.popover.top > .arrow:after {
border-top-color: #fff;
border-top-color: #f3f3f3;
}
.popover.right > .arrow {
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
border-right-color: #f3f3f3;
border-right-color: #f3f3f3;
}
.popover.right > .arrow:after {
border-right-color: #fff;
border-right-color: #f3f3f3;
}
.popover.bottom > .arrow {
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
border-bottom-color: #f3f3f3;
border-bottom-color: #f3f3f3;
}
.popover.bottom > .arrow:after {
border-bottom-color: #fff;
border-bottom-color: #f3f3f3;
}
.popover.left > .arrow {
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
border-left-color: #f3f3f3;
border-left-color: #f3f3f3;
}
.popover.left > .arrow:after {
border-left-color: #fff;
border-left-color: #f3f3f3;
}
.popover.bottom {
max-width: 525px !important;
max-width: 380px !important;
width: 100%;
}
.popover.bottom .popover-content [id*='visibility'] svg {
.popover.bottom .popover-content [id*='visibility'],
.popover.bottom .popover-content [id*='enroll-method'] {
margin-top: .625rem;
margin-bottom: .75rem;
}
.popover.bottom .popover-content [id*='visibility'] svg,
.popover.bottom .popover-content [id*='enroll-method'] svg {
margin-right: 10px;
}
.popover.bottom .popover-content [id*='visibility'] p {
margin-bottom: 1.25rem;
.popover.bottom .popover-content [id*='visibility'] strong,
.popover.bottom .popover-content [id*='enroll-method'] strong {
font-weight: 700;
}
.popover.bottom .popover-content [id*='visibility'] p,
.popover.bottom .popover-content [id*='enroll-method'] p {
margin-bottom: 1rem;
font-size: 14px;
font-weight: 300;
line-height: 21px;
}
.popover.bottom .popover-content [id*='visibility'] p:last-child {
.popover.bottom .popover-content [id*='visibility'] p:last-child,
.popover.bottom .popover-content [id*='enroll-method'] p:last-child {
margin-bottom: 0;
}
......
......@@ -22,61 +22,67 @@
}
.popover {
border-radius: $border-radius-base;
border-radius: $border-radius-extrasmall;
background-color: $popover-bg;
border: 1px solid $popover-fallback-border-color;
border: 1px solid $popover-border-color;
box-shadow: 0 4px 4px rgba($gray-base, .25);
}
.popover-title {
background-color: $popover-title-bg;
border-bottom: 1px solid darken($popover-title-bg, 5%);
border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;
background-color: $gray-lightest;
border-radius: $border-radius-extrasmall $border-radius-extrasmall 0 0;
}
.popover {
&.top > .arrow {
border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback
border-top-color: $popover-arrow-outer-color;
border-top-color: $gray-lightest; // IE8 fallback
border-top-color: $gray-lightest;
&:after {
border-top-color: $popover-arrow-color;
border-top-color: $gray-lightest;
}
}
&.right > .arrow {
border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback
border-right-color: $popover-arrow-outer-color;
border-right-color: $gray-lightest; // IE8 fallback
border-right-color: $gray-lightest;
&:after {
border-right-color: $popover-arrow-color;
border-right-color: $gray-lightest;
}
}
&.bottom > .arrow {
border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback
border-bottom-color: $popover-arrow-outer-color;
border-bottom-color: $gray-lightest; // IE8 fallback
border-bottom-color: $gray-lightest;
&:after {
border-bottom-color: $popover-arrow-color;
border-bottom-color: $gray-lightest;
}
}
&.left > .arrow {
border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback
border-left-color: $popover-arrow-outer-color;
border-left-color: $gray-lightest; // IE8 fallback
border-left-color: $gray-lightest;
&:after {
border-left-color: $popover-arrow-color;
border-left-color: $gray-lightest;
}
}
&.bottom {
max-width: 525px !important;
max-width: 380px !important;
width: 100%;
.popover-content {
[id*='visibility'] {
[id*='visibility'],
[id*='enroll-method'] {
margin-top: .625rem;
margin-bottom: .75rem;
svg {
margin-right: 10px;
}
strong {
font-weight: 700;
}
p {
margin-bottom: 1.25rem;
margin-bottom: 1rem;
font-size: 14px;
font-weight: 300;
line-height: 21px;
......@@ -103,7 +109,6 @@
line-height: 24px;
border: none;
background: #f3f3f3 url('../../components/03-molecules/popover/icon-cog.svg') no-repeat 20px center/24px 24px
}
.popover-content {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment