Commit 9c9433a8 authored by ransome1's avatar ransome1
Browse files

Added file tabs, refined CSS, updated Windows screenshots

parent 8c20ef64
.datepicker {
display: none;
z-index: 60;
.datepicker-cell {
border: 2px solid white;
background: white;
}
.datepicker-cell.today.focused:not(.selected),
.datepicker-cell.today:not(.selected) {
background: $almost-white !important;
background: $light-grey;
}
.datepicker-cell:hover,
.datepicker-cell.focused {
border: 2px solid $has-text-link;
}
.datepicker-footer {
background: none;
......
......@@ -123,24 +123,8 @@
.card {
display: block; margin: 0 auto;
}
.tabs {
display: flex;
flex-shrink: 0;
margin-bottom: 0;
li a {
color: $dark-grey!important;
border-color: $mid-grey!important;
border-width: 2px;
margin-bottom: 0;
}
li.is-active a {
color: $has-text-link!important;
border-color: $has-text-link!important;
}
}
}
#modalForm[open]:not(:focus-within) {
background-color: rgb(255, 255, 254);
transition: background-color 0.01s;
......
......@@ -3,18 +3,19 @@
// ####################################
#todoTableSearchContainer {
width: 100%;
float: left;
position: relative;
display: none;
margin: 0 1.5em;
padding-bottom: 0.5em;
box-sizing: border-box;
margin: 0;
padding: 0.5em 1.5em;
background: white;
position: sticky;
top: 0;
z-index: 45;
#todoTableSearchAddTodo {
display: none;
position: absolute;
top: 2.4em;
right: 5em;
top: 2.35em;
right: 7em;
color: $has-text-link;
background: white;
text-decoration: none;
......@@ -29,7 +30,7 @@
background: white!important;
}
input[type="search"] {
padding-left: 3.5em;
padding-left: 3.2em;
}
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
......@@ -43,15 +44,16 @@
margin-top: -0.7em;
}
label {
left: 5.9em;
top: 1.2em;
left: 7.5em;
}
i.fa-search,
.todoTableSearchQuestionmark {
font-size: 1.3em;
line-height: 1;
position: absolute;
top: 0.8em;
left: 1.4em;
top: 0.7em;
left: 2.5em;
z-index: 70;
padding: 0.75em 0;
}
......
......@@ -366,9 +366,17 @@ code, pre {
float: right;
}
}
.column.content {
#todoTableWrapper {
overflow-y: auto;
overflow-x: hidden;
header {
width: 100%;
float: left;
position: sticky;
top: 0;
z-index: 45;
background: white;
}
}
}
......@@ -408,6 +416,7 @@ code, pre {
// IMPORT MODULES
// ####################################
@import "tabs.scss";
@import "navigation.scss";
@import "search.scss";
@import "compact.scss";
......
#fileTabBar {
width: 100%;
height: 1.85em;
display: none;
overflow-y: hidden;
ul {
width: 100%;
float: left;
font-size: 0.8em;
margin-bottom: 1em;
box-shadow: -0.3em -0.3em 0.5em rgb(0 0 0 / 5%) inset;
background: $light-grey;
padding-left: 2.5em;
li {
width: auto;
float: left;
color: $dark-grey;
background: transparent;
padding: 0.35em 1em 0.35em 2.35em;
margin-top: 2px;
cursor: pointer;
i {
color: $light-grey;
padding-left: 0.5em;
}
}
li:hover {
i {
color: $has-text-link;
}
}
li.is-highlighted {
background: white;
border-top-left-radius: $radius;
border-top-right-radius: $radius;
color: $has-text-link;
font-family: "FreeSansBold";
i {
color: white;
}
}
}
}
#fileTabBar.is-active {
display: block;
}
.tabs {
display: flex;
flex-shrink: 0;
margin-bottom: 0;
ul {
border: none!important;
li a {
color: $dark-grey!important;
border-color: $mid-grey!important;
border-width: 2px;
margin-bottom: 0;
}
li.is-active a {
color: $has-text-link!important;
border-color: $has-text-link!important;
}
}
}
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