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

Stopping point.

Browse Source 
Just saving current progress to pick back up tomorrow.
This commit is contained in:
Dank Gabs 2019-07-19 00:53:20 -04:00
parent 96bd40f2ff
commit 8e1d931996
5 changed files with 36 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/javascript/styles/gabsocial/_mixins.scss
View File

@ -1,3 +1,23 @@
// NEW GAB SPECIFIC MIXINS
// THEME MIXINS
// standard container drop shadow
@mixin light-theme-shadow() {box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);}
// common properties for all standard containers
@mixin gab-container-standards() {
border-radius: 10px;
background: $gab-background-container;
body.theme-gabsocial-light & {
@include light-theme-shadow();
background: $gab-background-container-light;
}
}
// OLDER MIXINS
@mixin avatar-radius() { @mixin avatar-radius() {
border-radius: 50%; border-radius: 50%;
background: transparent no-repeat; background: transparent no-repeat;

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

@ -1303,7 +1303,7 @@ a.account__display-name {
flex: 1 1 auto; flex: 1 1 auto;
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
overflow-x: auto; //overflow-x: auto;
position: relative; position: relative;
&__panels { &__panels {
@ -1476,7 +1476,7 @@ a.account__display-name {
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
overflow: hidden; //overflow: hidden;
.column, .column,
.drawer { .drawer {

10
app/javascript/styles/gabsocial/components/group-card.scss
View File

@ -1,22 +1,16 @@
.group-column-header { .group-column-header {
border-radius: 10px;
background: $gab-background-container;
overflow: hidden; overflow: hidden;
@include gab-container-standards();
.group-column-header__title { .group-column-header__title {
padding: 15px; padding: 15px;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }
.group-column-header__cta { .group-column-header__cta {
float: right; float: right;
padding: 15px; padding: 15px;
font-size: 17px; font-size: 17px;
a {color: #fff;}
a {
color: $primary-text-color;
}
} }
} }

8
app/javascript/styles/gabsocial/components/user-panel.scss
View File

@ -3,13 +3,7 @@
width: 285px; width: 285px;
flex-direction: column; flex-direction: column;
overflow-y: hidden; overflow-y: hidden;
border-radius: 10px; @include gab-container-standards();
background: $gab-background-container;
body.theme-gabsocial-light & {
@include light-theme-shadow();
background: $gab-background-container-light;
}
&__header { &__header {
display: block; display: block;
height: 112px; height: 112px;

11
app/javascript/styles/gabsocial/variables.scss
View File

@ -32,6 +32,17 @@ $gab-default-text-light: #6c6c6c;
// theme mixins // theme mixins
@mixin light-theme-shadow() {box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);} @mixin light-theme-shadow() {box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);}
// NOTE - probably a better place to put this
@mixin gab-container-standards() {
border-radius: 10px;
background: $gab-background-container;
body.theme-gabsocial-light & {
@include light-theme-shadow();
background: $gab-background-container-light;
}
}
// BREAKPOINT SETS // BREAKPOINT SETS