adjust draggable regions on macos

This commit is contained in:
Kyle Spearrin 2019-04-13 21:17:05 -04:00
parent 5bf303a8c6
commit d09c32fe26
4 changed files with 23 additions and 11 deletions

View File

@ -1,3 +1,4 @@
<div class="mac-bar"></div>
<div class="content">
<div class="inner-content">
<h2 class="sr-only">{{'filters' | i18n}}</h2>

View File

@ -163,10 +163,12 @@ export class VaultComponent implements OnInit, OnDestroy {
if (!this.syncService.syncInProgress) {
await this.load();
}
document.body.classList.remove('layout_frontend');
}
ngOnDestroy() {
this.broadcasterService.unsubscribe(BroadcasterSubscriptionId);
document.body.classList.add('layout_frontend');
}
async load() {

View File

@ -8,7 +8,7 @@
<title>Bitwarden</title>
<base href="">
</head>
<body>
<body class="layout_frontend">
<app-root>
<div id="loading"><i class="fa fa-spinner fa-spin fa-3x" aria-hidden="true"></i></div>
</app-root>

View File

@ -9,20 +9,21 @@
}
html.os_macos {
body {
-webkit-app-region: drag
body.layout_frontend {
-webkit-app-region: drag;
button, a, span, input, p, h1, h2, h3, h4, h5, h6, img, select,
textarea, label, .box, .modal-backdrop {
-webkit-app-region: no-drag;
}
}
button, a, span, input, p, h1, h2, h3, h4, h5, h6, img, select, textarea, .box {
-webkit-app-region: no-drag;
}
#login-page, #register-page, #hint-page, #two-factor-page, #lock-page {
#login-page {
.content {
a.settings-icon {
position: absolute;
left: unset;
right: 10px;
right: 20px;
span {
margin-right: 8px;
@ -32,8 +33,16 @@ html.os_macos {
}
}
#groupings {
padding-top: 24px;
#vault .mac-bar {
height: 37px;
-webkit-app-region: drag
}
#vault > #groupings > .content > .inner-content {
padding-top: 0;
}
#vault > #logo {
-webkit-app-region: drag;
}
}