mirror of
https://github.com/bitwarden/desktop.git
synced 2024-09-07 00:38:13 +02:00
xtra small body height
This commit is contained in:
parent
bbe4bdc865
commit
2e20f051c0
@ -4,7 +4,7 @@
|
||||
</div>
|
||||
<div class="title">{{i18n.twoStepOptions}}</div>
|
||||
</div>
|
||||
<div class="content content-tabs">
|
||||
<div class="content">
|
||||
<div class="list">
|
||||
<div class="list-section">
|
||||
<div class="list-section-items">
|
||||
|
@ -6,8 +6,9 @@ angular
|
||||
var self = this;
|
||||
self.currentYear = new Date().getFullYear();
|
||||
self.animation = '';
|
||||
self.shBody = $window.screen.availHeight <= 800;
|
||||
self.lgBody = utilsService && !utilsService.isFirefox() && !utilsService.isEdge() && !self.shBody;
|
||||
self.xsBody = $window.screen.availHeight < 600;
|
||||
self.smBody = !self.xsBody && $window.screen.availHeight <= 800;
|
||||
self.lgBody = !self.xsBody && !self.smBody && utilsService && !utilsService.isFirefox() && !utilsService.isEdge();
|
||||
|
||||
$scope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState, fromParams) {
|
||||
if (toParams.animation) {
|
||||
|
@ -96,7 +96,7 @@
|
||||
<script src="app/lock/lockController.js"></script>
|
||||
</head>
|
||||
<body ng-controller="mainController as main" class="{{main.animation}}"
|
||||
ng-class="{lg: main.lgBody, sh: main.shBody }">
|
||||
ng-class="{lg: main.lgBody, sm: main.smBody, xs: main.xsBody }">
|
||||
<div ui-view class="main-view"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -111,3 +111,43 @@
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
body.xs {
|
||||
.premium-page, .home-page, .splash-page {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.home-page {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.splash-page {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
.premium-page {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.bottom-buttons {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
body.sm {
|
||||
.premium-page {
|
||||
padding-top: 20px;
|
||||
|
||||
.bottom-buttons {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
p.lead {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -23,11 +23,16 @@ body.lg {
|
||||
height: 667px !important;
|
||||
}
|
||||
|
||||
body.sh {
|
||||
body.sm {
|
||||
width: 375px !important;
|
||||
height: 500px !important;
|
||||
}
|
||||
|
||||
body.xs {
|
||||
width: 375px !important;
|
||||
height: 300px !important;
|
||||
}
|
||||
|
||||
.main-view {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
Loading…
Reference in New Issue
Block a user