From fc66b376cb3a2c73843cc882d500cfd743c0790e Mon Sep 17 00:00:00 2001 From: sijanec Date: Sun, 17 May 2020 00:13:40 +0200 Subject: dist should work, TODO: minify and bundle --- dist/css/styles.css | 206 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 206 insertions(+) create mode 100644 dist/css/styles.css (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css new file mode 100644 index 0000000..cd800f3 --- /dev/null +++ b/dist/css/styles.css @@ -0,0 +1,206 @@ +:root { + --color-primary: rgba(0, 128, 83, 1); + --color-secondary: rgba(0, 77, 50, 1); + --color-accent: rgba(0, 156, 101, 1); + --color-primary-light: rgba(230, 250, 231, 1); + --color-invalid: rgba(192, 0, 0, 1); + --background-color: rgba(255, 255, 255, 1); + --background-accent: rgba(0, 156, 101, 0.2); +} + +body { + background: var(--background-color); +} + +.title-primary { + color: var(--color-primary) !important; +} + +.title-secondary { + color: var(--color-secondary) !important; +} + +.btn { + background-color: var(--color-secondary); +} + +.btn:hover { + background-color: var(--color-primary); +} + +nav { + background: var(--color-primary); + border-bottom: 10px solid var(--color-accent); + position: sticky; + left: 0; + top: 0; + z-index: 69; /* choose a number, any number */ +} + +.hidden { + display: none !important; +} + +.collapsible-header-right { + float: right; + position: absolute; + right: 10px; + font-style: italic; +} + +.collapsible-header-root { + position: relative; +} + +.secondary-content { + font-weight: bold; + color: var(--color-secondary) !important; +} + +.about-text { + font-size: 1.3em !important; +} + +.button-theme-gimb { + background-color: var(--color-primary); +} + +a { + color: var(--color-accent); +} + +a.collection-item { + color: var(--color-primary) !important; +} + +.datepicker-date-display { + background-color: var(--color-primary); +} + +.datepicker-table td.is-today { + color: var(--color-primary); +} + +.datepicker-table td.is-selected { + background-color: var(--color-primary); +} + +.datepicker-table td.is-selected.is-today { + background-color: var(--color-primary); + color: white; +} + +.datepicker-cancel { + color: var(--color-primary); +} + +.datepicker-done { + color: var(--color-primary); +} + +.fc-unthemed td.fc-today { + background: var(--color-primary-light); +} + +.no-select { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; +} + +/* label focus color */ + +.input-field input[type=text]:focus+label { + color: var(--color-primary); +} + +/* label underline focus color */ + +.input-field input[type=text]:focus { + border-bottom: 1px solid var(--color-primary) !important; + box-shadow: 0 1px 0 0 var(--color-primary) !important; +} + +/* valid color */ + +.input-field input[type=text].valid { + border-bottom: 1px solid var(--color-secondary); + box-shadow: 0 1px 0 0 var(--color-secondary); +} + +/* invalid color */ + +.input-field input[type=text].invalid { + border-bottom: 1px solid var(--color-invalid); + box-shadow: 0 1px 0 0 var(--color-invalid); +} + +/* icon prefix focus color */ + +.input-field .prefix.active { + color: var(--color-primary); +} + +.input-field textarea:not([readonly]):focus+label { + color: var(--color-primary) !important; +} + +.input-field textarea:not([readonly]):focus { + border-bottom: 1px solid var(--color-primary) !important; + box-shadow: 0 1px 0 0 var(--color-primary) !important; +} + +.chat-sticky-input { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: white; + text-align: center; + z-index: 60; +} + +/* Tabs */ +.tab a { + color: var(--color-secondary) !important; +} + +.tab a:hover { + color: var(--color-primary) !important; +} + +.tab a.active { + color: var(--color-primary) !important; +} + +.tab a:focus.active { + background-color: var(--background-accent) !important; +} + +.tabs .indicator { + background-color: var(--color-primary) !important; +} + +/* Floating action button */ +.fab-new-message { + background-color: var(--color-secondary) !important; +} + +/* About right buttons */ +.about-button-box { + display: flex; + flex-direction: row; +} + +.about-button-box > * { + margin-left: 5px; + margin-right: 5px; +} + +.flag-icon { + height: 1vw; +} \ No newline at end of file -- cgit v1.2.3 From 831563c8ecb2854ceba73c284719b7579c0a3bbc Mon Sep 17 00:00:00 2001 From: rstular Date: Sun, 17 May 2020 16:14:07 +0200 Subject: Experimental theme support --- dist/css/styles.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index cd800f3..5144bda 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -87,7 +87,7 @@ a.collection-item { .datepicker-table td.is-selected.is-today { background-color: var(--color-primary); - color: white; + color: var(--background-color); } .datepicker-cancel { @@ -159,7 +159,7 @@ a.collection-item { left: 0; bottom: 0; width: 100%; - background-color: white; + background-color: var(--background-color); text-align: center; z-index: 60; } -- cgit v1.2.3 From 730722259f6f079c930f6fcce1c2f1e715d3df63 Mon Sep 17 00:00:00 2001 From: rstular Date: Sun, 17 May 2020 20:25:10 +0200 Subject: CSS --- dist/css/styles.css | 104 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 104 insertions(+) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 5144bda..a1509f4 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -6,6 +6,20 @@ --color-invalid: rgba(192, 0, 0, 1); --background-color: rgba(255, 255, 255, 1); --background-accent: rgba(0, 156, 101, 0.2); + + --color-header-bold: rgba(255, 255, 255, 1); + --color-header-span: rgba(255, 255, 255, 1); + + --color-text: rgba(0, 0, 0, 1); + --color-table-hover: rgba(242, 242, 242, 0.5); + + --color-sidenav-background: rgba(255, 255, 255, 1); + --color-sidenav-text: rgba(0, 0, 0, 0.87); + --color-sidenav-header: rgba(0, 0, 0, 0.54); + --color-divider: rgba(224, 224, 224, 1); + + --color-btn-flat: rgba(52, 52, 52, 1); + --color-btn-flat-disabled: rgba(178, 178, 178, 1); } body { @@ -203,4 +217,94 @@ a.collection-item { .flag-icon { height: 1vw; +} + +.app-header-bold { + color: var(--color-header-bold) !important; +} + +.app-header-span { + color: var(--color-header-span) !important; +} + +table > thead > tr > th { + color: var(--color-text) !important; +} + +table > tbody > tr > td { + color: var(--color-text) !important; +} + +table.highlight > tbody > tr:hover { + background-color: var(--color-table-hover) !important; +} + +.sidenav { + background-color: var(--background-color) !important; +} + +.sidenav li > a { + color: var(--color-sidenav-text) !important; +} + +.sidenav-beziapp-subheader { + color: var(---color-sidenav-header) !important; +} + +.divider { + background-color: var(--color-divider) !important; +} + +.sidenav li>a>i.material-icons { + color: var(--color-sidenav-text); +} + +.collapsible-header { + background-color: var(--background-color); +} + +.collapsible-body { + border-bottom-color: var(--color-divider); +} + +span { + color: var(--color-text); +} + +div { + color: var(--color-text); +} + +h5.subheader { + color: var(--color-text); +} + +.collection-item, .collection-header { + background-color: var(--background-color) !important; + color: var(--color-text) !important; + border-bottom-color: var(--color-divider) !important; +} + +.collection { + border-top-color: var(--color-divider) !important; + border-bottom-color: var(--color-divider) !important; + border-left-color: var(--color-divider) !important; + border-right-color: var(--color-divider) !important; +} + +.modal-content { + background-color: var(--background-color); +} + +.modal-footer { + background-color: var(--background-color) !important; + border-top-color: var(--color-divider) !important; +} + +.modal-close.btn-flat { + color: var(--color-btn-flat) !important; +} + +.modal-close.btn-flat:disabled { + color: var(--color-btn-flat-disabled) !important; } \ No newline at end of file -- cgit v1.2.3 From bd6ad8bf4ef14d74d087879031fc996fdb22412f Mon Sep 17 00:00:00 2001 From: sijanec Date: Sun, 17 May 2020 22:00:55 +0200 Subject: forgot ./install --- dist/css/styles.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index a1509f4..cad62e2 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -307,4 +307,9 @@ h5.subheader { .modal-close.btn-flat:disabled { color: var(--color-btn-flat-disabled) !important; -} \ No newline at end of file +} + +.fc-content { + color: var(--color-text) !important; +} + -- cgit v1.2.3 From b63b2381a851e2cbc6087bf4d355be4265e6982a Mon Sep 17 00:00:00 2001 From: sijanec Date: Sun, 17 May 2020 22:18:26 +0200 Subject: styling changes --- dist/css/styles.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index cad62e2..f1160f2 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -4,8 +4,10 @@ --color-accent: rgba(0, 156, 101, 1); --color-primary-light: rgba(230, 250, 231, 1); --color-invalid: rgba(192, 0, 0, 1); + --background-color: rgba(255, 255, 255, 1); --background-accent: rgba(0, 156, 101, 0.2); + --background-accent-1: rgb(192, 219, 207, 1); --color-header-bold: rgba(255, 255, 255, 1); --color-header-span: rgba(255, 255, 255, 1); @@ -313,3 +315,6 @@ h5.subheader { color: var(--color-text) !important; } +.dropdown-content { + background: var(--background-accent-1) !important; +} -- cgit v1.2.3 From 7b0e9737328c2dc5a0ff1bd063cd7818706256c3 Mon Sep 17 00:00:00 2001 From: rstular Date: Sun, 17 May 2020 22:22:22 +0200 Subject: Bug fix attempt --- dist/css/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index f1160f2..b372c5e 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -273,7 +273,7 @@ span { color: var(--color-text); } -div { +div:not(.fc-time, .fc-title) { color: var(--color-text); } -- cgit v1.2.3 From c373dd3a6d4c5acfa6ca44a3c3489146a6a761c6 Mon Sep 17 00:00:00 2001 From: rstular Date: Sun, 17 May 2020 22:30:10 +0200 Subject: Bug fix-timetable colors won't change from now on --- dist/css/styles.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index b372c5e..5cbedca 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -311,10 +311,6 @@ h5.subheader { color: var(--color-btn-flat-disabled) !important; } -.fc-content { - color: var(--color-text) !important; -} - .dropdown-content { - background: var(--background-accent-1) !important; + background: var(--background-accent-1) !important; } -- cgit v1.2.3 From a75885bb1524a022811fa813acbf49acca7305bb Mon Sep 17 00:00:00 2001 From: rstular Date: Sun, 17 May 2020 22:34:55 +0200 Subject: CSS bug fix --- dist/css/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 5cbedca..77cc9a1 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -269,7 +269,7 @@ table.highlight > tbody > tr:hover { border-bottom-color: var(--color-divider); } -span { +span:not(.fc-time > span) { color: var(--color-text); } -- cgit v1.2.3 From c1e1864a5ec6b562857ae3087947f39c38ba82a6 Mon Sep 17 00:00:00 2001 From: rstular Date: Sun, 17 May 2020 22:36:08 +0200 Subject: Another CSS bug fix --- dist/css/styles.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 77cc9a1..e3308da 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -265,6 +265,10 @@ table.highlight > tbody > tr:hover { background-color: var(--background-color); } +h2 { + color: var(--color-text); +} + .collapsible-body { border-bottom-color: var(--color-divider); } -- cgit v1.2.3 From 05398d8b668d8808c7230909a21cba812093802a Mon Sep 17 00:00:00 2001 From: rstular Date: Sun, 17 May 2020 22:50:00 +0200 Subject: CSS fixes --- dist/css/styles.css | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index e3308da..bbe144e 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -129,9 +129,12 @@ a.collection-item { } /* label focus color */ +.input-field > input { + color: var(--color-text); +} .input-field input[type=text]:focus+label { - color: var(--color-primary); + color: var(--color-text); } /* label underline focus color */ @@ -170,6 +173,14 @@ a.collection-item { box-shadow: 0 1px 0 0 var(--color-primary) !important; } +.dropdown-content li:hover { + background-color: var(--color-table-hover) !important; +} + +.autocomplete-content li .highlight { + color: var(--color-text) !important; +} + .chat-sticky-input { position: fixed; left: 0; @@ -201,6 +212,10 @@ a.collection-item { background-color: var(--color-primary) !important; } +.tabs { + background-color: var(--background-color) !important; +} + /* Floating action button */ .fab-new-message { background-color: var(--color-secondary) !important; -- cgit v1.2.3 From fa9467811859cd9c2d595f5a79819ce3aca91e26 Mon Sep 17 00:00:00 2001 From: rstular Date: Sun, 17 May 2020 22:56:38 +0200 Subject: Theme fixes --- dist/css/styles.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index bbe144e..0d64ea7 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -13,6 +13,7 @@ --color-header-span: rgba(255, 255, 255, 1); --color-text: rgba(0, 0, 0, 1); + --color-label-text: rgba(158, 158, 158, 1); --color-table-hover: rgba(242, 242, 242, 0.5); --color-sidenav-background: rgba(255, 255, 255, 1); @@ -22,6 +23,7 @@ --color-btn-flat: rgba(52, 52, 52, 1); --color-btn-flat-disabled: rgba(178, 178, 178, 1); + } body { @@ -158,8 +160,11 @@ a.collection-item { box-shadow: 0 1px 0 0 var(--color-invalid); } -/* icon prefix focus color */ +i.material-icons.prefix { + color: var(--color-label-text) !important; +} +/* icon prefix focus color */ .input-field .prefix.active { color: var(--color-primary); } @@ -330,6 +335,10 @@ h5.subheader { color: var(--color-btn-flat-disabled) !important; } +.modal-text-header { + color: var(--color-text); +} + .dropdown-content { background: var(--background-accent-1) !important; } -- cgit v1.2.3 From 21f22aec32a40cba0c085ca82808dd32f68cdaac Mon Sep 17 00:00:00 2001 From: rstular Date: Sun, 17 May 2020 23:11:41 +0200 Subject: Styling bug fixes --- dist/css/styles.css | 28 +++++++++++++++++++++++++--- 1 file changed, 25 insertions(+), 3 deletions(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 0d64ea7..065457f 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -64,6 +64,7 @@ nav { position: absolute; right: 10px; font-style: italic; + color: var(--color-text); } .collapsible-header-root { @@ -117,7 +118,11 @@ a.collection-item { } .fc-unthemed td.fc-today { - background: var(--color-primary-light); + background: var(--color-primary); +} + +.fc-icon { + color: var(--color-text); } .no-select { @@ -130,11 +135,15 @@ a.collection-item { -webkit-tap-highlight-color: transparent; } -/* label focus color */ +input.datepicker { + color: var(--color-text); +} + .input-field > input { color: var(--color-text); } +/* label focus color */ .input-field input[type=text]:focus+label { color: var(--color-text); } @@ -196,6 +205,18 @@ i.material-icons.prefix { z-index: 60; } +.month-prev > svg { + fill: var(--color-text); +} + +.month-next > svg { + fill: var(--color-text); +} + +.selects-container > div > input { + color: var(--color-text); +} + /* Tabs */ .tab a { color: var(--color-secondary) !important; @@ -283,6 +304,7 @@ table.highlight > tbody > tr:hover { .collapsible-header { background-color: var(--background-color); + color: var(--color-text); } h2 { @@ -335,7 +357,7 @@ h5.subheader { color: var(--color-btn-flat-disabled) !important; } -.modal-text-header { +.general-text { color: var(--color-text); } -- cgit v1.2.3 From ea1ff86ecd12b698fe776801f87138221d01a9ce Mon Sep 17 00:00:00 2001 From: rstular Date: Sun, 17 May 2020 23:16:38 +0200 Subject: Styling fix, lopolis fix --- dist/css/styles.css | 1 + 1 file changed, 1 insertion(+) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 065457f..10e4e87 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -305,6 +305,7 @@ table.highlight > tbody > tr:hover { .collapsible-header { background-color: var(--background-color); color: var(--color-text); + border-bottom-color: var(--color-divider); } h2 { -- cgit v1.2.3 From ddf6845360ec16e64af93df99d8163ca32b29992 Mon Sep 17 00:00:00 2001 From: sijanec Date: Mon, 18 May 2020 00:04:55 +0200 Subject: how'd that happen --- dist/css/styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 10e4e87..0f80cea 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -359,9 +359,13 @@ h5.subheader { } .general-text { - color: var(--color-text); + color: var(--color-text) !important; } .dropdown-content { background: var(--background-accent-1) !important; } + +p { + color: var(--color-text) !important; +} -- cgit v1.2.3 From 7213b0ed8fc25cde035ad1946f45e4e140ac79b0 Mon Sep 17 00:00:00 2001 From: rstular Date: Mon, 18 May 2020 00:32:44 +0200 Subject: Color fix --- dist/css/styles.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 10e4e87..40e2323 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -4,6 +4,7 @@ --color-accent: rgba(0, 156, 101, 1); --color-primary-light: rgba(230, 250, 231, 1); --color-invalid: rgba(192, 0, 0, 1); + --color-primary-transparent: rgba(0, 128, 83, 0.3); --background-color: rgba(255, 255, 255, 1); --background-accent: rgba(0, 156, 101, 0.2); @@ -118,7 +119,7 @@ a.collection-item { } .fc-unthemed td.fc-today { - background: var(--color-primary); + background: var(--color-primary-transparent); } .fc-icon { -- cgit v1.2.3 From 01f9eef0a5b397c12f3eee9c801167f851d77251 Mon Sep 17 00:00:00 2001 From: rstular Date: Wed, 20 May 2020 11:14:52 +0200 Subject: CSS fixes --- dist/css/styles.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 9ff84bf..2706ce4 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -14,6 +14,7 @@ --color-header-span: rgba(255, 255, 255, 1); --color-text: rgba(0, 0, 0, 1); + --color-text-light: rgba(97, 97, 97, 1); --color-label-text: rgba(158, 158, 158, 1); --color-table-hover: rgba(242, 242, 242, 0.5); @@ -24,7 +25,6 @@ --color-btn-flat: rgba(52, 52, 52, 1); --color-btn-flat-disabled: rgba(178, 178, 178, 1); - } body { @@ -355,7 +355,7 @@ h5.subheader { color: var(--color-btn-flat) !important; } -.modal-close.btn-flat:disabled { +.modal-close.btn-flat[disabled] { color: var(--color-btn-flat-disabled) !important; } @@ -363,10 +363,18 @@ h5.subheader { color: var(--color-text) !important; } +.light-text { + color: var(--color-text-light) !important; +} + .dropdown-content { background: var(--background-accent-1) !important; } p { - color: var(--color-text) !important; + color: var(--color-text) !important; } + +.select-dropdown { + color: var(--color-text) !important; +} \ No newline at end of file -- cgit v1.2.3 From 5fc29dc18a5b27dd8dbf45f8dd67e42ee74419fb Mon Sep 17 00:00:00 2001 From: sijanec Date: Wed, 20 May 2020 14:11:48 +0200 Subject: install scritp fix --- dist/css/styles.css | 0 1 file changed, 0 insertions(+), 0 deletions(-) mode change 100644 => 100755 dist/css/styles.css (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css old mode 100644 new mode 100755 -- cgit v1.2.3 From 990cb2f3eed6036573742a69b4bdf1a8425b6f87 Mon Sep 17 00:00:00 2001 From: rstular Date: Wed, 20 May 2020 18:06:29 +0200 Subject: Styling fix --- dist/css/styles.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 2706ce4..e2fa509 100755 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -72,6 +72,12 @@ nav { position: relative; } +.collapsible { + border-top-color: var(--color-divider); + border-right-color: var(--color-divider); + border-left-color: var(--color-divider); +} + .secondary-content { font-weight: bold; color: var(--color-secondary) !important; -- cgit v1.2.3 From 6def94865615d5bccba3bae278ea54932643db9a Mon Sep 17 00:00:00 2001 From: sijanec Date: Wed, 20 May 2020 19:33:31 +0200 Subject: should be ok to merge --- dist/css/styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index e2fa509..ae21606 100755 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -383,4 +383,8 @@ p { .select-dropdown { color: var(--color-text) !important; -} \ No newline at end of file +} + +h1, h2, h3, h4, h5, h6 { + color: var(--color-text) !important; +} -- cgit v1.2.3 From 26e4ab87ed0f75d45de97530fd143068dd1b95bf Mon Sep 17 00:00:00 2001 From: rstular Date: Wed, 20 May 2020 19:50:42 +0200 Subject: CSS fix --- dist/css/styles.css | 258 +++++++++++++++++++++++++++------------------------- 1 file changed, 135 insertions(+), 123 deletions(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index ae21606..f698cea 100755 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -1,50 +1,50 @@ :root { - --color-primary: rgba(0, 128, 83, 1); - --color-secondary: rgba(0, 77, 50, 1); - --color-accent: rgba(0, 156, 101, 1); - --color-primary-light: rgba(230, 250, 231, 1); - --color-invalid: rgba(192, 0, 0, 1); - --color-primary-transparent: rgba(0, 128, 83, 0.3); + --color-primary: rgba(0, 128, 83, 1); + --color-secondary: rgba(0, 77, 50, 1); + --color-accent: rgba(0, 156, 101, 1); + --color-primary-light: rgba(230, 250, 231, 1); + --color-invalid: rgba(192, 0, 0, 1); + --color-primary-transparent: rgba(0, 128, 83, 0.3); - --background-color: rgba(255, 255, 255, 1); - --background-accent: rgba(0, 156, 101, 0.2); - --background-accent-1: rgb(192, 219, 207, 1); + --background-color: rgba(255, 255, 255, 1); + --background-accent: rgba(0, 156, 101, 0.2); + --background-accent-1: rgb(192, 219, 207, 1); - --color-header-bold: rgba(255, 255, 255, 1); - --color-header-span: rgba(255, 255, 255, 1); + --color-header-bold: rgba(255, 255, 255, 1); + --color-header-span: rgba(255, 255, 255, 1); - --color-text: rgba(0, 0, 0, 1); - --color-text-light: rgba(97, 97, 97, 1); - --color-label-text: rgba(158, 158, 158, 1); - --color-table-hover: rgba(242, 242, 242, 0.5); + --color-text: rgba(0, 0, 0, 1); + --color-text-light: rgba(97, 97, 97, 1); + --color-label-text: rgba(158, 158, 158, 1); + --color-table-hover: rgba(242, 242, 242, 0.5); - --color-sidenav-background: rgba(255, 255, 255, 1); - --color-sidenav-text: rgba(0, 0, 0, 0.87); - --color-sidenav-header: rgba(0, 0, 0, 0.54); - --color-divider: rgba(224, 224, 224, 1); + --color-sidenav-background: rgba(255, 255, 255, 1); + --color-sidenav-text: rgba(0, 0, 0, 0.87); + --color-sidenav-header: rgba(0, 0, 0, 0.54); + --color-divider: rgba(224, 224, 224, 1); - --color-btn-flat: rgba(52, 52, 52, 1); - --color-btn-flat-disabled: rgba(178, 178, 178, 1); + --color-btn-flat: rgba(52, 52, 52, 1); + --color-btn-flat-disabled: rgba(178, 178, 178, 1); } body { - background: var(--background-color); + background: var(--background-color); } .title-primary { - color: var(--color-primary) !important; + color: var(--color-primary) !important; } .title-secondary { - color: var(--color-secondary) !important; + color: var(--color-secondary) !important; } .btn { - background-color: var(--color-secondary); + background-color: var(--color-secondary); } .btn:hover { - background-color: var(--color-primary); + background-color: var(--color-primary); } nav { @@ -57,149 +57,161 @@ nav { } .hidden { - display: none !important; + display: none !important; } .collapsible-header-right { - float: right; - position: absolute; - right: 10px; - font-style: italic; - color: var(--color-text); + float: right; + position: absolute; + right: 10px; + font-style: italic; + color: var(--color-text); } .collapsible-header-root { - position: relative; + position: relative; } .collapsible { - border-top-color: var(--color-divider); - border-right-color: var(--color-divider); - border-left-color: var(--color-divider); + border-top-color: var(--color-divider); + border-right-color: var(--color-divider); + border-left-color: var(--color-divider); } .secondary-content { - font-weight: bold; - color: var(--color-secondary) !important; + font-weight: bold; + color: var(--color-secondary) !important; } .about-text { - font-size: 1.3em !important; + font-size: 1.3em !important; } .button-theme-gimb { - background-color: var(--color-primary); + background-color: var(--color-primary); } a { - color: var(--color-accent); + color: var(--color-accent); } a.collection-item { - color: var(--color-primary) !important; + color: var(--color-primary) !important; } .datepicker-date-display { - background-color: var(--color-primary); + background-color: var(--color-primary); } .datepicker-table td.is-today { - color: var(--color-primary); + color: var(--color-primary); } .datepicker-table td.is-selected { - background-color: var(--color-primary); + background-color: var(--color-primary); } .datepicker-table td.is-selected.is-today { - background-color: var(--color-primary); - color: var(--background-color); + background-color: var(--color-primary); + color: var(--background-color); } .datepicker-cancel { - color: var(--color-primary); + color: var(--color-primary); } .datepicker-done { - color: var(--color-primary); + color: var(--color-primary); } .fc-unthemed td.fc-today { - background: var(--color-primary-transparent); + background: var(--color-primary-transparent); } .fc-icon { - color: var(--color-text); + color: var(--color-text); +} + +.fc-view > table > * > tr { + color: var(--color-divider) !important; +} + +.progress { + background-color: var(--color-primary-light) !important; +} + +.indeterminate { + background-color: var(--color-primary) !important; } .no-select { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; } input.datepicker { - color: var(--color-text); + color: var(--color-text); } .input-field > input { - color: var(--color-text); + color: var(--color-text); } /* label focus color */ .input-field input[type=text]:focus+label { - color: var(--color-text); + color: var(--color-text); } /* label underline focus color */ .input-field input[type=text]:focus { - border-bottom: 1px solid var(--color-primary) !important; - box-shadow: 0 1px 0 0 var(--color-primary) !important; + border-bottom: 1px solid var(--color-primary) !important; + box-shadow: 0 1px 0 0 var(--color-primary) !important; } /* valid color */ .input-field input[type=text].valid { - border-bottom: 1px solid var(--color-secondary); - box-shadow: 0 1px 0 0 var(--color-secondary); + border-bottom: 1px solid var(--color-secondary); + box-shadow: 0 1px 0 0 var(--color-secondary); } /* invalid color */ .input-field input[type=text].invalid { - border-bottom: 1px solid var(--color-invalid); - box-shadow: 0 1px 0 0 var(--color-invalid); + border-bottom: 1px solid var(--color-invalid); + box-shadow: 0 1px 0 0 var(--color-invalid); } i.material-icons.prefix { - color: var(--color-label-text) !important; + color: var(--color-label-text) !important; } /* icon prefix focus color */ .input-field .prefix.active { - color: var(--color-primary); + color: var(--color-primary); } .input-field textarea:not([readonly]):focus+label { - color: var(--color-primary) !important; + color: var(--color-primary) !important; } .input-field textarea:not([readonly]):focus { - border-bottom: 1px solid var(--color-primary) !important; - box-shadow: 0 1px 0 0 var(--color-primary) !important; + border-bottom: 1px solid var(--color-primary) !important; + box-shadow: 0 1px 0 0 var(--color-primary) !important; } .dropdown-content li:hover { - background-color: var(--color-table-hover) !important; + background-color: var(--color-table-hover) !important; } .autocomplete-content li .highlight { - color: var(--color-text) !important; + color: var(--color-text) !important; } .chat-sticky-input { @@ -213,168 +225,168 @@ i.material-icons.prefix { } .month-prev > svg { - fill: var(--color-text); + fill: var(--color-text); } .month-next > svg { - fill: var(--color-text); + fill: var(--color-text); } .selects-container > div > input { - color: var(--color-text); + color: var(--color-text); } /* Tabs */ .tab a { - color: var(--color-secondary) !important; + color: var(--color-secondary) !important; } .tab a:hover { - color: var(--color-primary) !important; + color: var(--color-primary) !important; } .tab a.active { - color: var(--color-primary) !important; + color: var(--color-primary) !important; } .tab a:focus.active { - background-color: var(--background-accent) !important; + background-color: var(--background-accent) !important; } .tabs .indicator { - background-color: var(--color-primary) !important; + background-color: var(--color-primary) !important; } .tabs { - background-color: var(--background-color) !important; + background-color: var(--background-color) !important; } /* Floating action button */ .fab-new-message { - background-color: var(--color-secondary) !important; + background-color: var(--color-secondary) !important; } /* About right buttons */ .about-button-box { - display: flex; - flex-direction: row; + display: flex; + flex-direction: row; } .about-button-box > * { - margin-left: 5px; - margin-right: 5px; + margin-left: 5px; + margin-right: 5px; } .flag-icon { - height: 1vw; + height: 1vw; } .app-header-bold { - color: var(--color-header-bold) !important; + color: var(--color-header-bold) !important; } .app-header-span { - color: var(--color-header-span) !important; + color: var(--color-header-span) !important; } table > thead > tr > th { - color: var(--color-text) !important; + color: var(--color-text) !important; } table > tbody > tr > td { - color: var(--color-text) !important; + color: var(--color-text) !important; } table.highlight > tbody > tr:hover { - background-color: var(--color-table-hover) !important; + background-color: var(--color-table-hover) !important; } .sidenav { - background-color: var(--background-color) !important; + background-color: var(--background-color) !important; } .sidenav li > a { - color: var(--color-sidenav-text) !important; + color: var(--color-sidenav-text) !important; } .sidenav-beziapp-subheader { - color: var(---color-sidenav-header) !important; + color: var(---color-sidenav-header) !important; } .divider { - background-color: var(--color-divider) !important; + background-color: var(--color-divider) !important; } .sidenav li>a>i.material-icons { - color: var(--color-sidenav-text); + color: var(--color-sidenav-text); } .collapsible-header { - background-color: var(--background-color); - color: var(--color-text); - border-bottom-color: var(--color-divider); + background-color: var(--background-color); + color: var(--color-text); + border-bottom-color: var(--color-divider); } h2 { - color: var(--color-text); + color: var(--color-text); } .collapsible-body { - border-bottom-color: var(--color-divider); + border-bottom-color: var(--color-divider); } span:not(.fc-time > span) { - color: var(--color-text); + color: var(--color-text); } div:not(.fc-time, .fc-title) { - color: var(--color-text); + color: var(--color-text); } h5.subheader { - color: var(--color-text); + color: var(--color-text); } .collection-item, .collection-header { - background-color: var(--background-color) !important; - color: var(--color-text) !important; - border-bottom-color: var(--color-divider) !important; + background-color: var(--background-color) !important; + color: var(--color-text) !important; + border-bottom-color: var(--color-divider) !important; } .collection { - border-top-color: var(--color-divider) !important; - border-bottom-color: var(--color-divider) !important; - border-left-color: var(--color-divider) !important; - border-right-color: var(--color-divider) !important; + border-top-color: var(--color-divider) !important; + border-bottom-color: var(--color-divider) !important; + border-left-color: var(--color-divider) !important; + border-right-color: var(--color-divider) !important; } .modal-content { - background-color: var(--background-color); + background-color: var(--background-color); } .modal-footer { - background-color: var(--background-color) !important; - border-top-color: var(--color-divider) !important; + background-color: var(--background-color) !important; + border-top-color: var(--color-divider) !important; } .modal-close.btn-flat { - color: var(--color-btn-flat) !important; + color: var(--color-btn-flat) !important; } .modal-close.btn-flat[disabled] { - color: var(--color-btn-flat-disabled) !important; + color: var(--color-btn-flat-disabled) !important; } .general-text { - color: var(--color-text) !important; + color: var(--color-text) !important; } .light-text { - color: var(--color-text-light) !important; + color: var(--color-text-light) !important; } .dropdown-content { - background: var(--background-accent-1) !important; + background: var(--background-accent-1) !important; } p { @@ -382,7 +394,7 @@ p { } .select-dropdown { - color: var(--color-text) !important; + color: var(--color-text) !important; } h1, h2, h3, h4, h5, h6 { -- cgit v1.2.3 From ab5b03d25a201269482acf51e9b856aa62ce2a84 Mon Sep 17 00:00:00 2001 From: rstular Date: Wed, 20 May 2020 19:52:44 +0200 Subject: CSS bug fix --- dist/css/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index f698cea..52b76c1 100755 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -133,7 +133,7 @@ a.collection-item { } .fc-view > table > * > tr { - color: var(--color-divider) !important; + border-bottom-color: var(--color-divider) !important; } .progress { -- cgit v1.2.3 From dc81f2c8294e68b409d31e552f7a7b719d512512 Mon Sep 17 00:00:00 2001 From: rstular Date: Wed, 20 May 2020 19:56:48 +0200 Subject: Another CSS bug fix --- dist/css/styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 52b76c1..0c00378 100755 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -132,10 +132,14 @@ a.collection-item { color: var(--color-text); } -.fc-view > table > * > tr { +.fc-slats > table > tbody > tr { border-bottom-color: var(--color-divider) !important; } +.fc-row.fc-week.fc-widget-content { + border-color: var(--color-divider) !important; +} + .progress { background-color: var(--color-primary-light) !important; } -- cgit v1.2.3 From 913b40fe12ea0f73614013fe5a528700d516749e Mon Sep 17 00:00:00 2001 From: rstular Date: Wed, 20 May 2020 20:02:53 +0200 Subject: I don't know CSS :-( --- dist/css/styles.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 0c00378..ed1ab42 100755 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -132,7 +132,7 @@ a.collection-item { color: var(--color-text); } -.fc-slats > table > tbody > tr { +tr { border-bottom-color: var(--color-divider) !important; } @@ -284,7 +284,6 @@ i.material-icons.prefix { .flag-icon { height: 1vw; } - .app-header-bold { color: var(--color-header-bold) !important; } -- cgit v1.2.3 From 1360b7c961cd23fa8007bc7ebed0bc924150a437 Mon Sep 17 00:00:00 2001 From: rstular Date: Wed, 20 May 2020 20:05:12 +0200 Subject: Revert "I don't know CSS :-(" This reverts commit 913b40fe12ea0f73614013fe5a528700d516749e. --- dist/css/styles.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index ed1ab42..0c00378 100755 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -132,7 +132,7 @@ a.collection-item { color: var(--color-text); } -tr { +.fc-slats > table > tbody > tr { border-bottom-color: var(--color-divider) !important; } @@ -284,6 +284,7 @@ i.material-icons.prefix { .flag-icon { height: 1vw; } + .app-header-bold { color: var(--color-header-bold) !important; } -- cgit v1.2.3 From e0e87794223a605040e62f4966fd1206cd6dd4e8 Mon Sep 17 00:00:00 2001 From: rstular Date: Wed, 20 May 2020 21:06:49 +0200 Subject: Persist state --- dist/css/styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 0c00378..1e2d1d6 100755 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -92,7 +92,7 @@ nav { } a { - color: var(--color-accent); + color: var(--color-accent) !important; } a.collection-item { @@ -148,6 +148,10 @@ a.collection-item { background-color: var(--color-primary) !important; } +.determinate { + background-color: var(--color-primary) !important; +} + .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -- cgit v1.2.3 From 7ef93dbc7e6f82e7fc4a765cf0f979b6f52e7a46 Mon Sep 17 00:00:00 2001 From: rstular Date: Wed, 20 May 2020 21:13:23 +0200 Subject: Styling fix --- dist/css/styles.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) (limited to 'dist/css/styles.css') diff --git a/dist/css/styles.css b/dist/css/styles.css index 1e2d1d6..4e6050b 100755 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -47,6 +47,10 @@ body { background-color: var(--color-primary); } +.color-card { + color: var(--color-primary-light); +} + nav { background: var(--color-primary); border-bottom: 10px solid var(--color-accent); @@ -92,6 +96,10 @@ nav { } a { + color: var(--color-accent); +} + +.card-action > a { color: var(--color-accent) !important; } @@ -109,11 +117,12 @@ a.collection-item { .datepicker-table td.is-selected { background-color: var(--color-primary); + color: var(--background-color) !important; } .datepicker-table td.is-selected.is-today { background-color: var(--color-primary); - color: var(--background-color); + color: var(--background-color) !important; } .datepicker-cancel { -- cgit v1.2.3