mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-12-12 09:52:20 +00:00
Various CSS improvements
This commit is contained in:
James Cole
81
public/v1/css/bootstrap-multiselect.css
vendored
81
public/v1/css/bootstrap-multiselect.css
vendored
@@ -1 +1,80 @@
|
||||
span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
|
||||
span.multiselect-native-select {
|
||||
position: relative
|
||||
}
|
||||
|
||||
span.multiselect-native-select select {
|
||||
border: 0 !important;
|
||||
clip: rect(0 0 0 0) !important;
|
||||
height: 1px !important;
|
||||
margin: -1px -1px -1px -3px !important;
|
||||
overflow: hidden !important;
|
||||
padding: 0 !important;
|
||||
position: absolute !important;
|
||||
width: 1px !important;
|
||||
left: 50%;
|
||||
top: 30px
|
||||
}
|
||||
|
||||
.multiselect-container {
|
||||
position: absolute;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.multiselect-container .input-group {
|
||||
margin: 5px
|
||||
}
|
||||
|
||||
.multiselect-container > li {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.multiselect-container > li > a.multiselect-all label {
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
.multiselect-container > li.multiselect-group label {
|
||||
margin: 0;
|
||||
padding: 3px 20px 3px 20px;
|
||||
height: 100%;
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
.multiselect-container > li.multiselect-group-clickable label {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.multiselect-container > li > a {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.multiselect-container > li > a > label {
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
font-weight: 400;
|
||||
padding: 3px 20px 3px 40px
|
||||
}
|
||||
|
||||
.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
|
||||
margin: 0
|
||||
}
|
||||
|
||||
.multiselect-container > li > a > label > input[type=checkbox] {
|
||||
margin-bottom: 5px
|
||||
}
|
||||
|
||||
.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
|
||||
border-top-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px
|
||||
}
|
||||
|
||||
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
|
||||
padding: 3px 20px 3px 40px
|
||||
}
|
||||
|
||||
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
|
||||
margin-left: -20px;
|
||||
margin-right: 0
|
||||
}
|
||||
|
||||
8
public/v1/css/bootstrap-sortable.css
vendored
8
public/v1/css/bootstrap-sortable.css
vendored
@@ -100,10 +100,16 @@ table.sortable > thead th:not([data-defaultsort=disabled]) {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
table.sortable > thead th:hover:not([data-defaultsort=disabled]) {
|
||||
background: #efefef;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
table.sortable > thead th:hover:not([data-defaultsort=disabled]) {
|
||||
background: #2a2f34;
|
||||
}
|
||||
}
|
||||
|
||||
table.sortable > thead th div.mozilla {
|
||||
position: relative;
|
||||
|
||||
99
public/v1/css/daterangepicker.css
vendored
99
public/v1/css/daterangepicker.css
vendored
@@ -1,3 +1,5 @@
|
||||
@media (prefers-color-scheme: light) {
|
||||
|
||||
.daterangepicker {
|
||||
position: absolute;
|
||||
color: inherit;
|
||||
@@ -16,6 +18,79 @@
|
||||
font-size: 15px;
|
||||
line-height: 1em;
|
||||
}
|
||||
.daterangepicker .calendar-table {
|
||||
border: 1px solid #fff;
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
||||
background-color: #eee;
|
||||
border-color: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
|
||||
background-color: #fff;
|
||||
border-color: transparent;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.daterangepicker td.in-range {
|
||||
background-color: #ebf4f8;
|
||||
border-color: transparent;
|
||||
color: #000;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
/**
|
||||
fff = 282d32
|
||||
eee = 31373e
|
||||
ddd = 3f4750
|
||||
ebf4f8 = 4b4f50
|
||||
*/
|
||||
.daterangepicker {
|
||||
position: absolute;
|
||||
color: inherit;
|
||||
background-color: #282d32;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #3f4750;
|
||||
width: 278px;
|
||||
max-width: none;
|
||||
padding: 0;
|
||||
margin-top: 7px;
|
||||
top: 100px;
|
||||
left: 20px;
|
||||
z-index: 3001;
|
||||
display: none;
|
||||
font-family: sans-serif, Arial;
|
||||
font-size: 15px;
|
||||
line-height: 1em;
|
||||
}
|
||||
.daterangepicker .calendar-table {
|
||||
border: 1px solid #282d32;
|
||||
border-radius: 4px;
|
||||
background-color: #282d32;
|
||||
}
|
||||
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
||||
background-color: #31373e;
|
||||
border-color: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
|
||||
background-color: #282d32;
|
||||
border-color: transparent;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.daterangepicker td.in-range {
|
||||
background-color: #4b4f50;
|
||||
border-color: transparent;
|
||||
color: #000;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.daterangepicker:before, .daterangepicker:after {
|
||||
position: absolute;
|
||||
@@ -158,12 +233,6 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.daterangepicker .calendar-table {
|
||||
border: 1px solid #fff;
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.daterangepicker .calendar-table table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
@@ -171,29 +240,13 @@
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
||||
background-color: #eee;
|
||||
border-color: transparent;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
|
||||
.daterangepicker td.week, .daterangepicker th.week {
|
||||
font-size: 80%;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
|
||||
background-color: #fff;
|
||||
border-color: transparent;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.daterangepicker td.in-range {
|
||||
background-color: #ebf4f8;
|
||||
border-color: transparent;
|
||||
color: #000;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.daterangepicker td.start-date {
|
||||
border-radius: 4px 0 0 4px;
|
||||
|
||||
25
public/v1/css/firefly.css
vendored
25
public/v1/css/firefly.css
vendored
@@ -30,24 +30,6 @@ input.ti-new-tag-input {
|
||||
font-family:"Source Sans Pro", "Helvetica Neue",Helvetica,Arial,sans-serif !important;
|
||||
}
|
||||
|
||||
.split_amount_input {
|
||||
width: 40%;
|
||||
border-radius: 0;
|
||||
height: 36px;
|
||||
padding: 6px 12px;
|
||||
background-color: #fff;
|
||||
background-image: none;
|
||||
border: 1px solid #ccd0d2;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
-webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
|
||||
-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
|
||||
transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
|
||||
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
|
||||
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
|
||||
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
|
||||
.autocomplete-selected { background: #F0F0F0; }
|
||||
@@ -55,13 +37,6 @@ input.ti-new-tag-input {
|
||||
.autocomplete-group { padding: 2px 5px; font-weight: bold;}
|
||||
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
|
||||
|
||||
.split_amount_input:focus {
|
||||
border-color: #98cbe8;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 203, 232, .6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(152, 203, 232, .6);
|
||||
}
|
||||
|
||||
#daterange {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
17
public/v1/lib/adminlte/css/skins/skin-dark.css
vendored
17
public/v1/lib/adminlte/css/skins/skin-dark.css
vendored
@@ -22,7 +22,7 @@
|
||||
.skin-firefly-iii .table > tbody > tr > td,
|
||||
.skin-firefly-iii .table > tfoot > tr > td {
|
||||
color: #bec5cb;
|
||||
border-top: 0px;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.skin-firefly-iii .table > thead > tr.odd,
|
||||
@@ -65,6 +65,7 @@
|
||||
.skin-firefly-iii .main-sidebar,
|
||||
.skin-firefly-iii .left-side {
|
||||
background-color: #272c30;
|
||||
/* 454d55 */
|
||||
}
|
||||
|
||||
.skin-firefly-iii .user-panel > .info,
|
||||
@@ -180,7 +181,6 @@
|
||||
.skin-firefly-iii .box-solid > .box-header,
|
||||
.skin-firefly-iii .box > .box-header {
|
||||
color: #bec5cb;
|
||||
background: #272c30;
|
||||
background-color: #272c30;
|
||||
}
|
||||
|
||||
@@ -469,5 +469,16 @@
|
||||
/**
|
||||
dropdown menu, color #dee2e6, bg #343a40
|
||||
*/
|
||||
|
||||
/**
|
||||
Table (odd)
|
||||
*/
|
||||
.table-striped > tbody > tr:nth-of-type(2n+1) {
|
||||
background-color: #2a2f34;
|
||||
}
|
||||
.table-hover > tbody > tr:hover {
|
||||
background-color: #2a2f34;
|
||||
}
|
||||
.ti-autocomplete {background: #353c42 !important;color:#fff;}
|
||||
.ti-input {border: 1px solid #353c42 !important;}
|
||||
.vue-tags-input {background: #353c42 !important;}
|
||||
}
|
||||
|
||||
588
public/v1/lib/intro/introjs.min.css
vendored
588
public/v1/lib/intro/introjs.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -25,6 +25,7 @@
|
||||
<link href="v1/lib/bs/css/bootstrap.min.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css" nonce="{{ JS_NONCE }}">
|
||||
<link href="v1/lib/fa/css/font-awesome.min.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css" nonce="{{ JS_NONCE }}">
|
||||
<link href="v1/css/daterangepicker.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css" nonce="{{ JS_NONCE }}">
|
||||
<meta name="color-scheme" content="light dark">
|
||||
|
||||
{# the theme #}
|
||||
<link href="v1/lib/adminlte/css/AdminLTE.min.css?v={{ FF_VERSION }}" rel="stylesheet" type="text/css" nonce="{{ JS_NONCE }}">
|
||||
|
||||
Reference in New Issue
Block a user