Skip to content

Commit

Permalink
Updated for release 2.7.0
Browse files Browse the repository at this point in the history
  • Loading branch information
rmraya committed Oct 8, 2021
1 parent 9c5871d commit 420fb4f
Show file tree
Hide file tree
Showing 16 changed files with 235 additions and 162 deletions.
76 changes: 50 additions & 26 deletions css/dark.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
@import "./neutrals.css";
:root {
--error-color: #960303;
font-size: 16px;
}

body {
Expand Down Expand Up @@ -250,18 +251,18 @@ input {
background-color: var(--gray160);
color: var(--gray30);
border: 1px solid var(--gray30);
margin-top: 3px;
height: 1.4rem;
font-size: 1rem;
height: 22px;
font-size: 14px;
padding: 2px 4px;
border-radius: 2px;
}

.table_input {
width: calc(100% - 10px);
width: calc(100% - 14px);
}

.table_select {
width: calc(100% - 5px);
width: calc(100% - 4px);
}

input:focus {
Expand All @@ -278,19 +279,17 @@ input:disabled {
}

input[type=number] {
font-size: 0.8em;
width: 40px;
margin: 0;
padding: 0;
padding-left: 2px;
font-size: 14px;
padding: 2px 4px;
}

select {
background-color: var(--gray160);
color: var(--gray30);
border: 1px solid var(--gray30);
font-size: 1em;
height: 1.6em;
font-size: 14px;
height: 28px;
padding: 2px 4px;
border-radius: 2px;
}

Expand All @@ -300,7 +299,7 @@ select:focus {
}

option {
font-size: 1em;
font-size: 14px;
background-color: var(--gray160);
color: var(--gray30);
}
Expand All @@ -310,11 +309,11 @@ button {
background: var(--themePrimary);
border: 1px solid var(--themePrimary);
border-radius: 2px;
font-size: 1em;
font-size: 14px;
text-align: center;
margin: 3px;
padding-left: 4px;
padding-right: 4px;
margin: 4px;
padding-left: 8px;
padding-right: 8px;
white-space: nowrap;
}

Expand Down Expand Up @@ -370,9 +369,7 @@ label {
.buttonArea {
display: flex;
flex-direction: row;
padding: 10px;
padding-left: 16px;
padding-right: 16px;
padding: 8px 16px;
justify-content: flex-end;
}

Expand All @@ -387,6 +384,7 @@ label {
stroke: var(--themePrimary);
padding: 2px 4px;
justify-content: flex-start;
vertical-align: middle;
}

.toolbar button {
Expand All @@ -398,7 +396,7 @@ label {
fill: inherit;
stroke: inherit;
text-align: left;
font-size: 0.8em;
font-size: 12px;
vertical-align: middle;
box-shadow: none;
}
Expand Down Expand Up @@ -436,6 +434,10 @@ label {
border-radius: 2px;
}

.toolbar input {
height: 18px !important;
}

svg {
fill: var(--white);
stroke: var(--white);
Expand Down Expand Up @@ -541,6 +543,8 @@ th svg {
.tooltip {
position: relative;
display: inline-block;
margin: 0px;
padding: 0px;
}

.tooltip .tooltiptext {
Expand Down Expand Up @@ -621,7 +625,6 @@ th svg {
height: calc(100% - 16px);
overflow: auto;
background: var(--gray160);
border: 1px solid var(--black);
}

.leftPaddedPanel {
Expand All @@ -634,7 +637,6 @@ th svg {
height: calc(100% - 16px);
overflow: auto;
background: var(--gray160);
border: 1px solid var(--black);
}

.rightPaddedPanel {
Expand All @@ -652,7 +654,6 @@ th svg {
width: calc(100% - 12px);
height: calc(100% - 12px);
background: var(--gray160);
border: 1px solid var(--black);
}

.centerPaddedPanel {
Expand All @@ -664,7 +665,6 @@ th svg {
width: calc(100% - 12px);
height: calc(100% - 8px);
background: var(--gray160);
border: 1px solid var(--black);
}

.bottomPaddedPanel {
Expand All @@ -676,5 +676,29 @@ th svg {
width: calc(100% - 12px);
height: calc(100% - 12px);
background: var(--gray160);
border: 1px solid var(--black);
}

::-webkit-scrollbar {
mix-blend-mode: darken;
width: 12px;
height: 12px;
}

::-webkit-scrollbar-thumb {
min-height: 30px !important;
background-color: var(--gray110);
border-radius: 6px;
}

::-webkit-scrollbar-corner {
background-color: inherit;
border-radius: inherit;
}

::-webkit-scrollbar-button {
border-radius: inherit;
}

::-webkit-scrollbar-button {
border-radius: inherit;
}
73 changes: 47 additions & 26 deletions css/light.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
@import "./neutrals.css";
:root {
--error-color: #960303;
font-size: 16px;
}

body {
Expand Down Expand Up @@ -250,17 +251,18 @@ input {
background-color: var(--gray20);
color: var(--gray190);
border: 1px solid var(--gray190);
margin-top: 3px;
height: 1.4rem;
font-size: 1rem;
height: 22px;
font-size: 14px;
padding: 2px 4px;
border-radius: 2px;
}

.table_input {
width: calc(100% - 10px);
width: calc(100% - 14px);
}

.table_select {
width: calc(100% - 5px);
width: calc(100% - 4px);
}

input:focus {
Expand All @@ -277,19 +279,17 @@ input:disabled {
}

input[type=number] {
font-size: 0.8em;
width: 40px;
margin: 0;
padding: 0;
padding-left: 2px;
font-size: 14px;
padding: 2px 4px;
}

select {
background-color: var(--gray20);
color: var(--gray190);
border: 1px solid var(--gray190);
font-size: 1em;
height: 1.6em;
font-size: 14px;
height: 28px;
padding: 2px 4px;
border-radius: 2px;
}

Expand All @@ -299,7 +299,7 @@ select:focus {
}

option {
font-size: 1em;
font-size: 14px;
background-color: var(--gray20);
color: var(--gray190);
}
Expand All @@ -309,11 +309,11 @@ button {
background: var(--themePrimary);
border: 1px solid var(--themePrimary);
border-radius: 2px;
font-size: 1em;
font-size: 14px;
text-align: center;
margin: 3px;
padding-left: 4px;
padding-right: 4px;
margin: 4px;
padding-left: 8px;
padding-right: 8px;
white-space: nowrap;
}

Expand Down Expand Up @@ -369,9 +369,7 @@ label {
.buttonArea {
display: flex;
flex-direction: row;
padding: 10px;
padding-left: 16px;
padding-right: 16px;
padding: 8px 16px;
justify-content: flex-end;
}

Expand All @@ -386,6 +384,7 @@ label {
stroke: var(--themePrimary);
padding: 2px 4px;
justify-content: flex-start;
vertical-align: middle;
}

.toolbar button {
Expand All @@ -397,7 +396,7 @@ label {
fill: inherit;
stroke: inherit;
text-align: left;
font-size: 0.8em;
font-size: 12px;
vertical-align: middle;
box-shadow: none;
}
Expand Down Expand Up @@ -435,6 +434,10 @@ label {
border-radius: 2px;
}

.toolbar input {
height: 18px !important;
}

svg {
fill: var(--black);
stroke: var(--black);
Expand Down Expand Up @@ -540,6 +543,8 @@ th svg {
.tooltip {
position: relative;
display: inline-block;
margin: 0px;
padding: 0px;
}

.tooltip .tooltiptext {
Expand Down Expand Up @@ -620,7 +625,6 @@ th svg {
height: calc(100% - 16px);
overflow: auto;
background: var(--gray30);
border: 1px solid var(--gray130);
}

.leftPaddedPanel {
Expand All @@ -633,7 +637,6 @@ th svg {
height: calc(100% - 16px);
overflow: auto;
background: var(--gray30);
border: 1px solid var(--gray130);
}

.rightPaddedPanel {
Expand All @@ -651,7 +654,6 @@ th svg {
width: calc(100% - 12px);
height: calc(100% - 12px);
background: var(--gray30);
border: 1px solid var(--gray130);
}

.centerPaddedPanel {
Expand All @@ -663,7 +665,6 @@ th svg {
width: calc(100% - 12px);
height: calc(100% - 8px);
background: var(--gray30);
border: 1px solid var(--gray130);
}

.bottomPaddedPanel {
Expand All @@ -675,5 +676,25 @@ th svg {
width: calc(100% - 12px);
height: calc(100% - 12px);
background: var(--gray30);
border: 1px solid var(--gray130);
}

::-webkit-scrollbar {
mix-blend-mode: lighten;
width: 12px;
height: 12px;
}

::-webkit-scrollbar-thumb {
min-height: 30px !important;
background-color: var(--gray90);
border-radius: 6px;
}

::-webkit-scrollbar-corner {
background-color: inherit;
border-radius: inherit;
}

::-webkit-scrollbar-button {
border-radius: inherit;
}
2 changes: 1 addition & 1 deletion html/attributes.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@

<div style="padding: 8px;">
<table class="fill_width">
<tr>
<tr id="topRow">
<td class="middle">
<label for="tuid" class="noWrap">Translation Unit Identifier</label>
<input type="text" id="tuid" class="table_input" readonly>
Expand Down
Loading

0 comments on commit 420fb4f

Please sign in to comment.