bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-18 09:13:33 +00:00
Code Issues Releases Wiki Activity

finish add item fields

Browse Source
This commit is contained in:
Kyle Spearrin
2018-01-25 22:54:09 -05:00
parent 07d7f196a6
commit b94b879f53
4 changed files with 168 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/scss/styles.scss
View File

@@ -71,6 +71,7 @@ html, body {
font-family: $font-family-sans-serif;
font-size: $font-size-base;
color: $text-color;
line-height: 1.42857143;
}
body {
@@ -92,6 +93,21 @@ a {
font-family: $font-family-monospace;
}
.sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
}
input, select, textarea, button {
font-size: $font-size-base;
}
#vault {
height: 100vh;
display: flex;
@@ -619,6 +635,10 @@ a {
margin-top: 10px;
}
&:last-child {
margin-bottom: 30px;
}
.box-header {
margin: 0 10px 5px 10px;
color: $gray-light;
@@ -680,20 +700,48 @@ a {
text-overflow: ellipsis;
}
&.box-content-row-cf {
display: flex;
align-items: center;
width: 100%;
> a {
padding: 8px 10px 8px 5px;
color: $brand-danger;
}
> div {
width: 100%;
}
}
.row-label, label {
font-size: $font-size-small;
color: $text-muted;
display: block;
width: 100%;
font-weight: normal;
margin-bottom: 5px;
}
&.box-content-row-checkbox, &.box-content-row-input, &.box-content-row-slider {
label, .row-label {
font-size: $font-size-base;
color: $text-color;
display: inline;
width: initial;
margin-bottom: 0;
float: left;
}
input.row-label {
width: calc(100% - 40px);
}
}
input:not([type="checkbox"]), select, textarea {
border: none;
width: 100%;
background-color: transparent;
font-size: $font-size-base;
&::-webkit-input-placeholder {
color: lighten($gray-light, 35%);
@@ -738,6 +786,11 @@ a {
}
}
select.field-type {
margin: 5px 0 0 25px;
width: calc(100% - 25px);
}
.right-icon {
float: right;
margin-top: 4px;