interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add margin when main content is not expanded

This commit is contained in:
Chocobozzz 2017-12-04 10:40:02 +01:00
parent 2295ce6c4e
commit d178b5c1f8
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/account/account-settings/account-settings.component.html
View File

@ -3,7 +3,7 @@
<div class="user-info"> <div class="user-info">
<div class="user-info-username">{{ user.username }}</div> <div class="user-info-username">{{ user.username }}</div>
<div class="user-info-followers">{{ user.account.followersCount }} subscribers</div> <div class="user-info-followers">{{ user.account?.followersCount }} subscribers</div>
</div> </div>
</div> </div>

1
client/src/sass/_variables.scss
View File

@ -9,6 +9,7 @@ $black-background: #000;
$grey-background: #f6f2f2; $grey-background: #f6f2f2;
$expanded-horizontal-margins: 150px; $expanded-horizontal-margins: 150px;
$not-expanded-horizontal-margins: 30px;
$button-height: 30px; $button-height: 30px;

5
client/src/sass/application.scss
View File

@ -52,8 +52,8 @@ input.readonly {
} }
.margin-content { .margin-content {
margin-left: 10px; margin-left: $not-expanded-horizontal-margins;
margin-right: 10px; margin-right: $not-expanded-horizontal-margins;
} }
.sub-menu { .sub-menu {
@ -63,6 +63,7 @@ input.readonly {
margin-bottom: 30px; margin-bottom: 30px;
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: $not-expanded-horizontal-margins;
} }
// Override some properties if the main content is expanded (no menu on the left) // Override some properties if the main content is expanded (no menu on the left)