random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated promo panel styles

Browse Source 
Added background, borders similar to other panels.
This commit is contained in:
mgabdev
2019-08-20 16:36:07 -04:00
parent 241368b804
commit 8157e543e5
2 changed files with 32 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
app/javascript/styles/gabsocial/components.scss
View File

@@ -1649,32 +1649,38 @@ a.account__display-name {
.promo-panel {
margin-top: 10px;
padding: 10px 10px 20px 10px;
border-bottom: 1px solid lighten($ui-base-color, 4%);
}
.promo-panel-item {
.promo-panel-item {
display: block;
height: 42px;
line-height: 42px;
border-bottom: 1px solid lighten($ui-base-color, 8%);
&:not(:first-of-type) {
margin-top: 20px;
&:last-of-type {
border-bottom: none;
}
&__btn {
display: block;
text-align: left;
color: $primary-text-color;
text-decoration: none;
font-size: 15px;
padding: 0 20px;
&:hover {
color: darken($primary-text-color, 14%);
span {
text-decoration: underline;
}
}
}
&__icon {
margin-right: 12px;
margin-right: 12px;
}
&__message {
display: block;
font-size: 14px;
line-height: 16px;
margin-top: 6px;
color: $primary-text-color;
&--dark {
color: $ui-secondary-color;
}
}
}
}
.drawer__pager {