1
0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-30 13:03:53 +01:00

more specific selectors

This commit is contained in:
Kyle Spearrin 2018-01-31 22:35:44 -05:00
parent 777d848d06
commit 8f7ae6cfaa
5 changed files with 11 additions and 11 deletions

View File

@ -1,4 +1,4 @@
<form id="hint" #form (ngSubmit)="submit()" [appApiAction]="formPromise"> <form id="hint-page" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
<div class="content"> <div class="content">
<h1>{{'passwordHint' | i18n}}</h1> <h1>{{'passwordHint' | i18n}}</h1>
<div class="box last"> <div class="box last">

View File

@ -1,4 +1,4 @@
<form id="login" #form (ngSubmit)="submit()" [appApiAction]="formPromise"> <form id="login-page" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
<div class="content"> <div class="content">
<img src="../../images/logo@2x.png" alt="bitwarden"> <img src="../../images/logo@2x.png" alt="bitwarden">
<p>{{'loginOrCreateNewAccount' | i18n}}</p> <p>{{'loginOrCreateNewAccount' | i18n}}</p>

View File

@ -1,4 +1,4 @@
<form id="register" #form (ngSubmit)="submit()" [appApiAction]="formPromise"> <form id="register-page" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
<div class="content"> <div class="content">
<h1>{{'createAccount' | i18n}}</h1> <h1>{{'createAccount' | i18n}}</h1>
<div class="box"> <div class="box">

View File

@ -1,6 +1,6 @@
@import "variables.scss"; @import "variables.scss";
#login { #login-page {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -23,7 +23,7 @@
} }
} }
#register, #hint { #register-page, #hint-page {
margin-top: 20px; margin-top: 20px;
.content { .content {
@ -31,7 +31,7 @@
} }
} }
#login, #register, #hint { #login-page, #register-page, #hint-page {
.content { .content {
max-width: 300px; max-width: 300px;

View File

@ -4,7 +4,7 @@
height: 100%; height: 100%;
display: flex; display: flex;
#groupings, #items, #details, #logo { > #groupings, > #items, > #details, > #logo {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -13,7 +13,7 @@
} }
} }
#groupings { > #groupings {
background-color: $background-color-alt; background-color: $background-color-alt;
width: 15%; width: 15%;
min-width: 175px; min-width: 175px;
@ -110,7 +110,7 @@
} }
} }
#items { > #items {
background-color: $background-color; background-color: $background-color;
width: 25%; width: 25%;
min-width: 200px; min-width: 200px;
@ -133,7 +133,7 @@
} }
} }
#details { > #details {
background-color: $background-color-alt2; background-color: $background-color-alt2;
flex: 1; flex: 1;
min-width: 0; min-width: 0;
@ -161,7 +161,7 @@
} }
} }
#logo { > #logo {
flex: 1; flex: 1;
min-width: 0; min-width: 0;