Dialogs color padding and margins (96f82adf) · Commits · Giacomo Lavermicocca / kanboard-theme

Template/css/app.original.less

+44 −23

Original line number	Diff line number	Diff line
		@@ -3,7 +3,7 @@
		@color-toolbar : #315C7B;
		@color-primary : #0ce3ac;

		@color-secondary-text : #696969;
		@color-secondary-text : #d1d1d1;
		@color-third-text : #2e2e2e;
		@color-light-text : #b6b6b6;

		@@ -12,6 +12,8 @@

		@color-background : #222222;

		@color-background-inputs : #5e5e5e;

		@color-yellow: #ffffd5;

		/* BYE BYE LESS */
		@@ -26,12 +28,12 @@
		.color-cyan {
		border-left: 5px solid @color-primary !important;
		}
		::placeholder {
		/* Chrome, Firefox, Opera, Safari 10.1+ */
		color: @color-toolbar !important;
		opacity: 1;
		/* Firefox */
		}
		// ::placeholder {
		// /* Chrome, Firefox, Opera, Safari 10.1+ */
		// color: @color-toolbar !important;
		// opacity: 1;
		// /* Firefox */
		// }
		.task-summary-container.color-yellow{
		background-color: @color-yellow;
		border-color: @color-yellow;
		@@ -94,7 +96,7 @@ ul.no-bullet li {
		vertical-align: bottom;
		}
		a {
		color: @color-primary;
		color: @color-toolbar;
		border: none;
		}
		a:focus {
		@@ -115,7 +117,7 @@ h1,
		h2,
		h3 {
		font-weight: normal;
		color:@color-third-text;
		color:@color-secondary-text;
		}
		h1 {
		font-size: 1.5em;
		@@ -688,7 +690,8 @@ input[type="text"]:not(.input-addon-field) {
		font-family: sans-serif;
		-webkit-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="date"]::-webkit-input-placeholder,
		@@ -696,6 +699,8 @@ input[type="email"]::-webkit-input-placeholder,
		input[type="password"]::-webkit-input-placeholder,
		input[type="text"]:not(.input-addon-field)::-webkit-input-placeholder {
		color: @color-primary;
		background-color: @color-background-inputs;
		border-radius: 5px;
		}
		input[type="number"]::-moz-placeholder,
		input[type="date"]::-moz-placeholder,
		@@ -703,6 +708,8 @@ input[type="email"]::-moz-placeholder,
		input[type="password"]::-moz-placeholder,
		input[type="text"]:not(.input-addon-field)::-moz-placeholder {
		color: @color-primary;
		background-color: @color-background-inputs;
		border-radius: 5px;
		}
		input[type="number"]:-ms-input-placeholder,
		input[type="date"]:-ms-input-placeholder,
		@@ -710,6 +717,8 @@ input[type="email"]:-ms-input-placeholder,
		input[type="password"]:-ms-input-placeholder,
		input[type="text"]:not(.input-addon-field):-ms-input-placeholder {
		color: @color-primary;
		background-color: @color-background-inputs;
		border-radius: 5px;
		}
		input[type="number"]:focus,
		input[type="date"]:focus,
		@@ -720,32 +729,40 @@ input[type="text"]:focus {
		border-color: @color-primary;
		outline: 0;
		box-shadow: 0 0 8px @color-primary;
		background-color: @color-background-inputs;
		border-radius: 5px;
		}
		input[type="number"] {
		width: 70px;
		border-radius: 5px;
		}
		input[type="text"]:not(.input-addon-field).form-numeric {
		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-date {
		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 {
		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 {
		width: 150px;
		background-color: @color-secondary-text;
		background-color: @color-background-inputs;
		border-radius: 5px;
		}
		textarea:focus {
		color: @color-primary;
		border-color: @color-primary;
		outline: 0;
		box-shadow: 0 0 8px @color-primary;
		border-radius: 5px;
		}
		textarea {
		padding: 4px;
		@@ -755,15 +772,19 @@ textarea {
		height: 200px;
		font-family: sans-serif;
		font-size: 1em;
		border-radius: 5px;
		}
		textarea::-webkit-input-placeholder {
		color: @color-secondary-text;
		border-radius: 5px;
		}
		textarea::-moz-placeholder {
		color: @color-secondary-text;
		border-radius: 5px;
		}
		textarea:-ms-input-placeholder {
		color: @color-secondary-text;
		border-radius: 5px;
		}
		select {
		font-size: 1em;
		@@ -1230,21 +1251,19 @@ td a.dropdown-menu:hover i {
		.select-dropdown-menu-item:last-child {
		border: none;
		}
		input[type=number] .select-dropdown-input{
		background-color: @color-primary !important;
		}
		.select-dropdown-input-container {
		position: relative;
		border-bottom: 1px solid @color-primary;
		border-right: 0px;
		border-left: 0px;
		border-top: 0px;
		border-radius: 5px;
		background-color: @color-primary;
		color: @color-toolbar;
		background-color: transparent;
		border: none;
		}
		.select-dropdown-input-container input.select-dropdown-input {
		margin: 0 0 0 5px;
		border: none;
		height: 23px;
		background-color: @color-primary;
		background-color: @color-primary !important;
		}
		.select-dropdown-input-container input.select-dropdown-input:focus {
		border: none;
		@@ -1254,7 +1273,7 @@ td a.dropdown-menu:hover i {
		color: @color-toolbar;
		position: absolute;
		top: 4px;
		right: 5px;
		right: 11px;
		cursor: pointer;
		}
		.select-dropdown-input-container .select-loading-icon {
		@@ -1312,6 +1331,8 @@ td a.dropdown-menu:hover i {
		background: #3F3F3F;
		overflow: auto;
		border-radius: 5px;
		margin: 30px;
		padding: 10px;
		}
		#modal-content {
		padding: 0 5px 5px;