insomnia/app/ui/css/components/forms.less
Gregory Schier 46d3719b99 Sync Proof of Concept (#33)
* Maybe working POC

* Change to use remote url

* Other URL too

* Some logic

* Got the push part working

* Made some updates

* Fix

* Update

* Add status code check

* Stuff

* Implemented new sync api

* A bit more robust

* Debounce changes

* Change timeout

* Some fixes

* Remove .less

* Better error handling

* Fix base url

* Support for created vs updated docs

* Try silent

* Silence removal too

* Small fix after merge

* Fix test

* Stuff

* Implement key generation algorithm

* Tidy

* stuff

* A bunch of stuff for the new API

* Integrated the session stuff

* Stuff

* Just started on encryption

* Lots of updates to encryption

* Finished createResourceGroup function

* Full encryption/decryption working (I think)

* Encrypt localstorage with sessionID

* Some more

* Some extra checks

* Now uses separate DB. Still needs to be simplified a LOT

* Fix deletion bug

* Fixed unicode bug with encryption

* Simplified and working

* A bunch of polish

* Some stuff

* Removed some workspace meta properties

* Migrated a few more meta properties

* Small changes

* Fix body scrolling and url cursor jumping

* Removed duplication of webpack port

* Remove workspaces reduces

* Some small fixes

* Added sync modal and opt-in setting

* Good start to sync flow

* Refactored modal footer css

* Update sync status

* Sync logger

* A bit better logging

* Fixed a bunch of sync-related bugs

* Fixed signup form button

* Gravatar component

* Split sync modal into tabs

* Tidying

* Some more error handling

* start sending 'user agent

* Login/signup error handling

* Use real UUIDs

* Fixed tests

* Remove unused function

* Some extra checks

* Moved cloud sync setting to about page

* Some small changes

* Some things
2016-10-21 10:20:36 -07:00

126 lines
1.9 KiB
Plaintext

@import '../constants/dimensions';
@import '../constants/colors';
.form-control {
outline: none;
border: 0;
height: @line-height-md;
textarea,
input {
width: 100%;
height: 100%;
}
input:invalid {
border: 1px solid @warning !important;
}
&.form-control--outlined,
&.form-control--underlined {
height: auto;
margin: @padding-sm;
textarea,
input {
border: 1px solid @hl-md;
padding: @padding-sm;
border-radius: @radius-md;
}
textarea,
input:focus {
border-color: @hl-xl;
}
}
&.form-control--underlined {
textarea,
input {
border-radius: 0;
border-top: 0;
border-right: 0;
border-left: 0;
}
}
}
// Push form all the way to the sides if inside label
label > .form-control,
.form-control--wide {
margin-left: 0 !important;
margin-right: 0 !important;
}
.btn {
text-align: center;
padding: 0 (@padding-md * 1.5);
height: @line-height-md;
border: 1px solid transparent;
&.btn--compact {
padding: 0 @padding-md;
height: @line-height-sm;
}
&.btn--super-compact {
padding: 0 @padding-md;
height: @line-height-xs;
}
&.btn--super-duper-compact {
padding: 0 @padding-sm;
height: @line-height-xxs;
}
&.btn--outlined {
border: 1px solid @hl-lg;
border-radius: @radius-md;
}
}
.btn:disabled {
opacity: 0.3;
}
.btn:focus:not(:disabled),
.btn.focus:not(:disabled),
.btn:hover:not(:disabled) {
background: @hl-xs;
}
.btn:active {
background: @hl-md;
}
textarea, input, button {
box-sizing: border-box;
text-align: left;
font-size: inherit;
text-decoration: inherit;
background: none;
border: 0;
outline: 0;
margin: 0;
padding: 0;
color: inherit;
&::-webkit-input-placeholder {
color: @hl-xl;
}
}
input.input--error {
border-color: @danger !important;
}
button {
width: auto;
padding: 0;
margin: 0;
}
textarea.no-resize {
resize: none;
}