Commit 96f82adf authored by Giacomo Lavermicocca's avatar Giacomo Lavermicocca

Dialogs color padding and margins

parent 72f811c0
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
@color-toolbar : #315C7B; @color-toolbar : #315C7B;
@color-primary : #0ce3ac; @color-primary : #0ce3ac;
@color-secondary-text : #696969; @color-secondary-text : #d1d1d1;
@color-third-text : #2e2e2e; @color-third-text : #2e2e2e;
@color-light-text : #b6b6b6; @color-light-text : #b6b6b6;
...@@ -12,6 +12,8 @@ ...@@ -12,6 +12,8 @@
@color-background : #222222; @color-background : #222222;
@color-background-inputs : #5e5e5e;
@color-yellow: #ffffd5; @color-yellow: #ffffd5;
/* BYE BYE LESS */ /* BYE BYE LESS */
...@@ -26,12 +28,12 @@ ...@@ -26,12 +28,12 @@
.color-cyan { .color-cyan {
border-left: 5px solid @color-primary !important; border-left: 5px solid @color-primary !important;
} }
::placeholder { // ::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */ // /* Chrome, Firefox, Opera, Safari 10.1+ */
color: @color-toolbar !important; // color: @color-toolbar !important;
opacity: 1; // opacity: 1;
/* Firefox */ // /* Firefox */
} // }
.task-summary-container.color-yellow{ .task-summary-container.color-yellow{
background-color: @color-yellow; background-color: @color-yellow;
border-color: @color-yellow; border-color: @color-yellow;
...@@ -94,7 +96,7 @@ ul.no-bullet li { ...@@ -94,7 +96,7 @@ ul.no-bullet li {
vertical-align: bottom; vertical-align: bottom;
} }
a { a {
color: @color-primary; color: @color-toolbar;
border: none; border: none;
} }
a:focus { a:focus {
...@@ -115,7 +117,7 @@ h1, ...@@ -115,7 +117,7 @@ h1,
h2, h2,
h3 { h3 {
font-weight: normal; font-weight: normal;
color:@color-third-text; color:@color-secondary-text;
} }
h1 { h1 {
font-size: 1.5em; font-size: 1.5em;
...@@ -688,7 +690,8 @@ input[type="text"]:not(.input-addon-field) { ...@@ -688,7 +690,8 @@ input[type="text"]:not(.input-addon-field) {
font-family: sans-serif; font-family: sans-serif;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
background-color: @color-background; background-color: @color-background-inputs;
border-radius: 5px;
} }
input[type="number"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder,
...@@ -696,6 +699,8 @@ input[type="email"]::-webkit-input-placeholder, ...@@ -696,6 +699,8 @@ input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
input[type="text"]:not(.input-addon-field)::-webkit-input-placeholder { input[type="text"]:not(.input-addon-field)::-webkit-input-placeholder {
color: @color-primary; color: @color-primary;
background-color: @color-background-inputs;
border-radius: 5px;
} }
input[type="number"]::-moz-placeholder, input[type="number"]::-moz-placeholder,
input[type="date"]::-moz-placeholder, input[type="date"]::-moz-placeholder,
...@@ -703,6 +708,8 @@ input[type="email"]::-moz-placeholder, ...@@ -703,6 +708,8 @@ input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder, input[type="password"]::-moz-placeholder,
input[type="text"]:not(.input-addon-field)::-moz-placeholder { input[type="text"]:not(.input-addon-field)::-moz-placeholder {
color: @color-primary; color: @color-primary;
background-color: @color-background-inputs;
border-radius: 5px;
} }
input[type="number"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder,
...@@ -710,6 +717,8 @@ input[type="email"]:-ms-input-placeholder, ...@@ -710,6 +717,8 @@ input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder,
input[type="text"]:not(.input-addon-field):-ms-input-placeholder { input[type="text"]:not(.input-addon-field):-ms-input-placeholder {
color: @color-primary; color: @color-primary;
background-color: @color-background-inputs;
border-radius: 5px;
} }
input[type="number"]:focus, input[type="number"]:focus,
input[type="date"]:focus, input[type="date"]:focus,
...@@ -720,32 +729,40 @@ input[type="text"]:focus { ...@@ -720,32 +729,40 @@ input[type="text"]:focus {
border-color: @color-primary; border-color: @color-primary;
outline: 0; outline: 0;
box-shadow: 0 0 8px @color-primary; box-shadow: 0 0 8px @color-primary;
background-color: @color-background-inputs;
border-radius: 5px;
} }
input[type="number"] { input[type="number"] {
width: 70px; width: 70px;
border-radius: 5px;
} }
input[type="text"]:not(.input-addon-field).form-numeric { input[type="text"]:not(.input-addon-field).form-numeric {
width: 70px; width: 70px;
background-color: @color-secondary-text; background-color: @color-background-inputs;
border-radius: 5px;
} }
input[type="text"]:not(.input-addon-field).form-datetime, input[type="text"]:not(.input-addon-field).form-datetime,
input[type="text"]:not(.input-addon-field).form-date { input[type="text"]:not(.input-addon-field).form-date {
width: 150px; width: 150px;
background-color: @color-secondary-text; background-color: @color-background-inputs;
border-radius: 5px;
} }
input[type="text"]:not(.input-addon-field).form-input-large { input[type="text"]:not(.input-addon-field).form-input-large {
width: 400px; width: 400px;
background-color: @color-secondary-text; background-color: @color-background-inputs;
border-radius: 5px;
} }
input[type="text"]:not(.input-addon-field).form-input-small { input[type="text"]:not(.input-addon-field).form-input-small {
width: 150px; width: 150px;
background-color: @color-secondary-text; background-color: @color-background-inputs;
border-radius: 5px;
} }
textarea:focus { textarea:focus {
color: @color-primary; color: @color-primary;
border-color: @color-primary; border-color: @color-primary;
outline: 0; outline: 0;
box-shadow: 0 0 8px @color-primary; box-shadow: 0 0 8px @color-primary;
border-radius: 5px;
} }
textarea { textarea {
padding: 4px; padding: 4px;
...@@ -755,15 +772,19 @@ textarea { ...@@ -755,15 +772,19 @@ textarea {
height: 200px; height: 200px;
font-family: sans-serif; font-family: sans-serif;
font-size: 1em; font-size: 1em;
border-radius: 5px;
} }
textarea::-webkit-input-placeholder { textarea::-webkit-input-placeholder {
color: @color-secondary-text; color: @color-secondary-text;
border-radius: 5px;
} }
textarea::-moz-placeholder { textarea::-moz-placeholder {
color: @color-secondary-text; color: @color-secondary-text;
border-radius: 5px;
} }
textarea:-ms-input-placeholder { textarea:-ms-input-placeholder {
color: @color-secondary-text; color: @color-secondary-text;
border-radius: 5px;
} }
select { select {
font-size: 1em; font-size: 1em;
...@@ -1230,21 +1251,19 @@ td a.dropdown-menu:hover i { ...@@ -1230,21 +1251,19 @@ td a.dropdown-menu:hover i {
.select-dropdown-menu-item:last-child { .select-dropdown-menu-item:last-child {
border: none; border: none;
} }
input[type=number] .select-dropdown-input{
background-color: @color-primary !important;
}
.select-dropdown-input-container { .select-dropdown-input-container {
position: relative; position: relative;
border-bottom: 1px solid @color-primary; background-color: transparent;
border-right: 0px; border: none;
border-left: 0px;
border-top: 0px;
border-radius: 5px;
background-color: @color-primary;
color: @color-toolbar;
} }
.select-dropdown-input-container input.select-dropdown-input { .select-dropdown-input-container input.select-dropdown-input {
margin: 0 0 0 5px; margin: 0 0 0 5px;
border: none; border: none;
height: 23px; height: 23px;
background-color: @color-primary; background-color: @color-primary !important;
} }
.select-dropdown-input-container input.select-dropdown-input:focus { .select-dropdown-input-container input.select-dropdown-input:focus {
border: none; border: none;
...@@ -1254,7 +1273,7 @@ td a.dropdown-menu:hover i { ...@@ -1254,7 +1273,7 @@ td a.dropdown-menu:hover i {
color: @color-toolbar; color: @color-toolbar;
position: absolute; position: absolute;
top: 4px; top: 4px;
right: 5px; right: 11px;
cursor: pointer; cursor: pointer;
} }
.select-dropdown-input-container .select-loading-icon { .select-dropdown-input-container .select-loading-icon {
...@@ -1312,6 +1331,8 @@ td a.dropdown-menu:hover i { ...@@ -1312,6 +1331,8 @@ td a.dropdown-menu:hover i {
background: #3F3F3F; background: #3F3F3F;
overflow: auto; overflow: auto;
border-radius: 5px; border-radius: 5px;
margin: 30px;
padding: 10px;
} }
#modal-content { #modal-content {
padding: 0 5px 5px; padding: 0 5px 5px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment