kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Add small-triangle class and add popup footer

Browse source
This commit is contained in:
Luke Bennett 2018-03-03 22:06:27 +01:00
parent 639e614495
commit a87d762404
No known key found for this signature in database
GPG key ID: A738E9C68D3BF31A
1 changed files with 24 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
app/assets/stylesheets/framework/popup.scss
View file

@ -6,10 +6,31 @@
$popup-triangle-border-size
);
padding: $gl-padding;
background-color: $gray-lighter;
&.small-triangle {
@include triangle(
$gray-lighter,
$gray-darker,
$popup-triangle-size / 2,
$popup-triangle-border-size /2
);
}
border: 1px solid $gray-darker;
border-radius: $border-radius-default;
box-shadow: 0 5px 8px $popup-box-shadow-color;
position: relative;
.body {
background-color: $gray-lighter;
padding: $gl-padding;
border-top-left-radius: $border-radius-default;
border-top-right-radius: $border-radius-default;
}
.footer {
background-color: $white-light;
padding: $gl-padding;
border-bottom-left-radius: $border-radius-default;
border-bottom-right-radius: $border-radius-default;
border-top: 1px solid $white-dark;
}
}