diff options
| author | Andrej Mihajlov <and@codeispoetry.ru> | 2017-02-22 14:16:02 +0000 |
|---|---|---|
| committer | Andrej Mihajlov <and@codeispoetry.ru> | 2017-02-22 14:16:02 +0000 |
| commit | b170456c8552089670924b01806e3cd74b519bd2 (patch) | |
| tree | 16d0f5c95b79a724eb6798b7cbd6c99eb7a6617c /app/components | |
| parent | 759694701c8935c014e4b37b1ac88a120bf95076 (diff) | |
| download | mullvadvpn-b170456c8552089670924b01806e3cd74b519bd2.tar.xz mullvadvpn-b170456c8552089670924b01806e3cd74b519bd2.zip | |
Use mask to draw header bar
Diffstat (limited to 'app/components')
| -rw-r--r-- | app/components/HeaderBar.css | 23 |
1 files changed, 5 insertions, 18 deletions
diff --git a/app/components/HeaderBar.css b/app/components/HeaderBar.css index 44e50870ba..5e6f4386af 100644 --- a/app/components/HeaderBar.css +++ b/app/components/HeaderBar.css @@ -1,26 +1,13 @@ .headerbar { - margin-top: 12px; - padding: 12px; + padding: 24px 12px 12px; background-color: #294D73; - border-radius: 8px 8px 0 0; - position: relative; -} - -.headerbar:before { - display: block; - content: ''; - width: 30px; - height: 13px; - margin: -12px 0 0 -15px; - position: absolute; - left: 50%; - top: 0%; - background-image: url(../assets/images/app-triangle.svg); - background-repeat: no-repeat; + -webkit-mask: + url(../assets/images/app-triangle.svg) 50% 0% no-repeat, + url(../assets/images/app-header-backdrop.svg) no-repeat; } .headerbar--hidden { - padding: 12px 0 0 0; + padding: 24px 0 0 0; } .headerbar--style-defaultDark { |