First full release

This commit is contained in:
Luka Romih
2023-03-10 12:50:23 +01:00
parent 257f3c354f
commit 9867875ef2
285 changed files with 10980 additions and 4692 deletions
+127 -2
View File
@@ -6,6 +6,67 @@
padding: 0;
}
body {
color: v.$tp-black;
}
// .check {
// -webkit-appearance: none; /*hides the default checkbox*/
// height: 20px;
// width: 20px;
// position: relative;
// top: 20px;
// left: 20px;
// transition: 0.10s;
// background-color: #FE0006;
// text-align: center;
// font-weight: 600;
// color: white;
// border-radius: 3px;
// outline: none;
// }
/*
input[type="checkbox"]:checked {
appearance: none;
height: 14px;
width: 14px;
font-size: 10px !important;
transition: 0.1s;
background-color: v.$navigation-maincolor;
text-align: center;
// font-weight: 600;
color: white;
border-radius: 3px;
outline: none;
&:before {
content: "";
}
}*/
/*
.check:checked {
background-color: #0E9700;
}
.check:before {
content: "";
}
.check:checked:before {
content: "";
}
.check:hover {
cursor: pointer;
opacity: 0.8;
}
*/
.dropdown-item:active {
background-color: v.$navigation-maincolor;
}
// input:focus-visible,
// button:focus-visible,
// button:focus {
@@ -17,6 +78,15 @@
cursor: pointer;
}
.outline-enabled {
outline: auto;
}
.hover-opacity-blue:hover {
color: v.$navigation-maincolor;
opacity: 0.8;
}
.index-font-size {
font-size: 1rem;
}
@@ -76,10 +146,32 @@
margin-top: 0.25rem;
}
.h-41 {
.rpm-corr {
margin-top: -1.75rem;
}
.h-40px {
height: 40px !important;
}
// Todo check if this is needed
.h-41px {
display: block;
height: 41px !important;
}
// end check
.w320px {
width: 320px !important;
}
.rm-outline:focus {
outline: none;
}
.max-512px {
max-width: 512px !important;
}
.navigation-text-color {
color: v.$navigation-maincolor;
@@ -123,6 +215,11 @@
width: 32px !important;
}
.i40x40 {
height: 40px !important;
width: 40px !important;
}
.height60 {
height: 60px !important;
}
@@ -147,6 +244,10 @@
}
}
.clipx {
overflow-x: hidden;
}
.strength500 {
font-weight: 500;
}
@@ -278,6 +379,14 @@
border: 1px solid v.$gray-2;
}
.mt-minus-1 {
margin-top: -0.25rem;
}
.mt-minus-p3 {
margin-top: -0.3rem;
}
.ps-2rem {
padding-left: 2rem !important;
}
@@ -328,6 +437,7 @@
.pager {
white-space: nowrap;
// min-width: 13.4rem;
* {
display: inline-block;
@@ -337,6 +447,14 @@
opacity: 25%;
}
button {
opacity: 75%;
}
button:not([disabled]):hover {
opacity: 100%;
}
.pager-input {
width: 54px;
height: 38px;
@@ -428,6 +546,9 @@
.termin-offset-up-wide {
top: 85px !important;
max-height: calc(
100vh - 130px + 10px
) !important; // correction due to bigger panel size
}
}
@@ -436,6 +557,10 @@
margin-right: 2rem !important;
}
.me-2rem {
margin-right: 2rem !important;
}
.mx-max-md-2rem {
@media (max-width: v.$layout-breakpoint-medium) {
margin-left: 2rem !important;
@@ -475,7 +600,7 @@
.txt {
font-size: 0.75rem !important;
}
$padding-wide: 3rem;
$padding-wide: 2rem;
img.rsmzk {
height: 30px;
padding-left: $padding-wide;
@@ -241,13 +241,21 @@ html {
border: none;
background: none;
@media screen and (min-width: v.$layout-breakpoint-medium) {
font-size: 1.3rem;
}
&.pdf {
font-size: 1rem;
}
}
.search-button-keyboard {
display: flex;
flex-shrink: 0;
margin: 0 20px;
width: 30px;
// width: 30px;
height: 100%;
line-height: 10px;
align-items: center;
@@ -312,6 +320,7 @@ html {
}
.menutxt {
margin-left: 0.5rem;
display: flex !important;
}
@@ -421,7 +430,7 @@ html {
.search-button-keyboard {
margin: 0 20px;
width: 25px;
// width: 25px;
line-height: 10px;
}
}
@@ -429,7 +438,7 @@ html {
.descriptionArea {
width: 48rem;
padding: 5rem 2rem;
padding: 5rem 2rem 3.5rem; // add specific bottom padding to align with footer padding
margin: 0 auto;
}
@@ -73,7 +73,7 @@
/*responsive*/
@media (max-width: 1192px) {
@media (max-width: v.$layout-breakpoint-x-large) {
.table-users thead {
display: none;
}
@@ -109,6 +109,23 @@
}
}
#page-results {
td {
min-width: 32px;
&.tdata-area {
width: 40%;
}
&.tdata-translation {
width: 40%;
}
&.buttons-group {
min-width: 48px;
}
}
}
#add-area {
height: 41px;
padding: 10px 40px;
@@ -41,7 +41,15 @@ body {
font-weight: 400;
color: #46535b;
text-decoration: none;
display: block;
// display: block;
display: flex;
align-items: center;
// gap: 0.5rem;
> * {
padding: 0;
margin: 0;
}
}
a:visited {
@@ -6,6 +6,11 @@
align-items: center;
}
.pager-container {
display: flex;
width: 130px;
}
.comments-container {
list-style: none;
margin: 0;
@@ -173,7 +178,7 @@ form.comment-form::after {
.comments-top-hr {
color: #b6bec4;
opacity: 0.7;
opacity: 0.8;
margin-top: 0.063rem;
margin-bottom: 0rem;
height: 10%;
@@ -354,7 +359,7 @@ form.comment-reply-form button {
.comments-top-hr {
color: #b6bec4;
opacity: 0.7;
opacity: 0.8;
margin-top: 0.63rem;
margin-bottom: 0rem;
height: 10%;
@@ -450,7 +455,7 @@ form.comment-reply-form button {
.comments-holder {
padding-left: 16px;
}
@media only screen and (min-width: 1200px) {
@media only screen and (min-width: v.$layout-breakpoint-x-large) {
.comments-holder {
padding-left: 36px;
}
@@ -9,6 +9,12 @@
// margin: 0 1rem;
}
#text-description.page-description.pe-0 {
a {
font-size: 0.875rem;
}
}
.consultancy-padding-admin {
display: flex;
flex-grow: 1;
@@ -43,6 +49,12 @@
span.question-asked-time {
font-size: 0.75rem;
}
.title-cons {
color: v.$navigation-maincolor;
* {
color: v.$navigation-maincolor;
}
}
}
}
}
@@ -263,6 +263,17 @@
background-color: #f5f5f5;
}
#show-dates:focus {
background-color: inherit;
border-color: #b6bec3;
box-shadow: none;
}
#hide-dates:focus {
border-color: #b6bec3;
box-shadow: none;
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
@@ -36,6 +36,12 @@ $content-nav-content-width-medium: 22rem;
}
}
.content-nav-title {
position: fixed;
top: 85px;
left: 35px;
}
.term-button {
max-width: 445px;
font-size: 1rem;
@@ -492,6 +498,28 @@ $content-nav-content-width-medium: 22rem;
}
*/
.dark-gray-tooltip.tooltip > .tooltip-inner {
background-color: v.$header-description-gray !important;
max-width: 500px;
padding: 8px 17px;
border-radius: 4px;
}
.dark-gray-tooltip.bs-tooltip-top .tooltip-arrow::before {
border-top-color: v.$header-description-gray !important;
}
.dark-gray-tooltip.bs-tooltip-bottom .tooltip-arrow::before {
border-bottom-color: v.$header-description-gray !important;
}
.dark-gray-tooltip.bs-tooltip-start .tooltip-arrow::before {
border-left-color: v.$header-description-gray !important;
}
.dark-gray-tooltip.bs-tooltip-end .tooltip-arrow::before {
border-right-color: v.$header-description-gray !important;
}
.gray-tooltip.tooltip > .tooltip-inner {
background-color: #b6bec4;
max-width: 500px;
@@ -391,7 +391,7 @@ body {
/*responsive*/
@media (max-width: 1192px) {
@media (max-width: v.$layout-breakpoint-x-large) {
.table-users thead {
display: none;
}
@@ -711,6 +711,13 @@ textarea.form-control {
border-radius: 0;
}
.select2-container--default.select2-container--focus
.select2-selection--multiple {
box-shadow: 0 0 0 0.25rem #0d6efd40;
border-color: #86b7fe;
outline: 0;
}
.autocomplete {
background-color: white;
// border-radius: 6px;
@@ -83,6 +83,14 @@
}
.task-name {
width: unset;
}
.td-index {
width: 5%;
}
.td-cannon {
width: 45%;
}
@@ -165,40 +173,53 @@
font-size: 1rem;
}
// li {
// list-style: none;
// }
#terminology-candidates {
.terminology-candidates {
width: 100%;
}
#user-corpus-btn {
.ext-secondary-btn {
width: 100%;
}
#kas-corpus-btn {
width: 100%;
@media screen and (min-width: v.$layout-breakpoint-small) {
.task-name {
width: 295px;
}
.dates-div {
margin-left: 60px;
}
}
@media screen and (min-width: v.$layout-breakpoint-large) {
#terminology-candidates {
.terminology-candidates {
width: unset;
height: 49px;
}
#user-corpus-btn {
.ext-secondary-btn {
width: unset;
height: 49px;
}
#kas-corpus-btn {
width: unset;
height: 49px;
.task-name {
width: 295px;
}
.dates-div {
margin-left: 60px;
}
}
@media screen and (min-width: v.$layout-breakpoint-x-large) {
.extraction-margin-left {
margin-left: 1.6rem;
}
.task-name {
width: 745px;
}
.dates-div {
margin-left: 80px;
}
}
@@ -15,6 +15,11 @@
background-color: #f5f5f5;
padding-left: 2rem;
padding-right: 2rem;
@media (max-width: v.$layout-breakpoint-small) {
padding-left: 1rem;
padding-right: 1rem;
}
}
.header-section-root-scroll {
@@ -144,7 +149,7 @@
flex-wrap: wrap;
background-color: #f5f5f5;
/*left: 35px;*/
right: 35px;
right: 2rem;
margin-left: 15px;
margin-right: 15px;
@@ -267,7 +272,9 @@
overflow: hidden;
text-overflow: ellipsis;
}
#thead {
background-color: inherit !important;
}
tr {
color: v.$header-description-gray;
@@ -284,9 +291,9 @@
background-color: v.$white-1;
}
tr:first-child {
background-color: v.$nav-white;
}
// tr:first-child {
// background-color: v.$nav-white;
// }
.btn {
width: -moz-fit-content;
@@ -538,6 +545,30 @@
// height: 20px;
}
.btn-delete-style {
@extend .btn-primary;
background-color: v.$button-danger-color;
width: 100%;
max-width: 258px;
&:hover {
background-color: v.$button-danger-color;
opacity: 0.8;
}
&:active {
background-color: v.$button-danger-color;
border-color: v.$button-danger-color;
box-shadow: 0 0 0 0.25rem rgba(v.$button-danger-color, 0.5);
}
&:focus {
background-color: v.$button-danger-color;
border-color: v.$button-danger-color;
box-shadow: 0 0 0 0.25rem rgba(v.$button-danger-color, 0.5);
}
}
.chevrons-left-margin {
margin-top: 20px;
}
+9 -2
View File
@@ -46,7 +46,7 @@ body {
transition: 0.3s;
// max-height: calc(100vh - 80px);
height: 100vh;
max-height: calc(100vh - 130px - 75px);
max-height: calc(100vh - 130px - 35px);
overflow-y: auto;
a {
@@ -190,10 +190,17 @@ body {
.nav-pills .nav-link.active {
background-color: transparent;
color: #006cb7;
color: v.$navigation-maincolor;
font-weight: 700;
}
.nav-pills .nav-link:hover {
background-color: transparent;
color: v.$navigation-maincolor;
// font-weight: 700;
opacity: 0.8;
}
.help-subheader-title {
font-family: "Roboto";
font-style: normal;
+13 -1
View File
@@ -2,7 +2,9 @@
@use "search-filter/search-filter-navigation" as sf;
// current footer size: 80px
$navbarSize: calc(100vh - 130px - 72px); // 130px from top minus footer size
$footer-size: 35px;
$navbarSize: calc(100vh - 130px - 35px); // 130px from top minus footer size
// $navbarSizeDict: calc(100vh - 130px - 80px);
.slidable {
list-style: none;
@@ -31,6 +33,10 @@ $navbarSize: calc(100vh - 130px - 72px); // 130px from top minus footer size
// max-height: calc(100vh - 80px);
max-height: $navbarSize;
overflow-y: auto;
// &.bottom-offset-dict {
// max-height: $navbarSizeDict;
// }
}
@media (min-width: v.$layout-breakpoint-x-large) {
@@ -44,6 +50,12 @@ $navbarSize: calc(100vh - 130px - 72px); // 130px from top minus footer size
}
}
.admin-nav-content {
a.sel-anchr {
align-items: start;
}
}
.sel-anchr {
> div {
> img {
+2 -2
View File
@@ -200,7 +200,7 @@ html {
display: flex;
flex-shrink: 0;
margin: 0 20px;
width: 30px;
// width: 30px;
height: 100%;
line-height: 10px;
align-items: center;
@@ -212,7 +212,7 @@ html {
.dropdown-btn {
display: flex;
width: 30px;
// width: 30px;
flex-shrink: 0;
margin-right: 20px;
align-items: center;
@@ -50,20 +50,21 @@
.rl {
display: block;
text-decoration: none;
color: #000;
color: v.$tp-black;
padding-top: 6px;
padding-left: 6px;
padding-left: 0.5rem;
padding-right: 0.5rem;
// * {
// word-break: normal;
// }
&:visited {
color: #000;
color: v.$tp-black;
}
&:hover {
color: #000;
color: v.$tp-black;
background-color: #fff;
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
}
@@ -253,6 +254,7 @@
font-size: 0.75rem;
font-weight: 700;
border-radius: 2px;
width: 2.25rem;
&.te {
color: v.$gray-1;
@@ -175,10 +175,6 @@
}
.clear-filter-section {
}
*/
.search-modal-filter {
@@ -15,7 +15,7 @@ $sfPanelWidth: 24rem;
box-shadow: none;
left: 0;
background-color: v.$nav-white;
z-index: 5;
z-index: 100;
}
@media (min-width: v.$layout-breakpoint-medium) {
@@ -33,6 +33,7 @@ $sfPanelWidth: 24rem;
v.$padding-left-nav: 1rem;
.clear-filter-section {
margin: 0.1rem 0 0 0.1rem; // corrects the outline cetting cropped from absolute layout
display: flex;
align-items: center;
// margin-top: 16px;
@@ -40,9 +41,7 @@ v.$padding-left-nav: 1rem;
color: v.$navigation-maincolor !important;
align-content: center;
font-weight: 200;
img {
}
width: fit-content;
span {
padding-left: 8px;
@@ -87,15 +86,22 @@ v.$padding-left-nav: 1rem;
background: none;
padding-right: 0;
justify-content: flex-end;
align-self: center;
button {
display: flex;
width: 32px;
height: 24px;
// width: 32px;
// height: 24px;
padding: 0;
margin: 0;
background: none;
box-shadow: none;
justify-content: flex-end;
flex: 0 0 auto;
&:disabled {
opacity: 0.3;
}
.select-more-text,
div {
@@ -103,6 +109,9 @@ v.$padding-left-nav: 1rem;
/*padding-right: 10px;*/
justify-content: flex-end;
align-items: center;
width: max-content;
flex-grow: 0;
flex-shrink: 1;
}
.select-more-text {
@@ -136,6 +145,7 @@ v.$padding-left-nav: 1rem;
}
.nav-section-content {
margin-left: 0.1rem;
display: flex;
flex-direction: column;
padding-left: 0;
@@ -204,18 +214,3 @@ v.$padding-left-nav: 1rem;
min-height: 600px;
background-color: v.$nav-white;
}
@media (min-width: v.$layout-breakpoint-medium) {
/*.nav-section {
padding-top: 28px;
}*/
//.search-filter-nav-content {
//position: fixed;
//}
.clear-filter-section {
// margin-top: 43px;
// padding-left: v.$padding-left-nav;
}
}
@@ -21,6 +21,7 @@ $error-red: #d12525;
$logged-in-green: #6cf3ab;
$dark-gray-1: #3a464e;
$tp-black: #2e373c;
$border-bottom-inputs: rgba(19, 19, 21, 0.6);
@@ -38,6 +39,7 @@ $button-maincolor: $navigation-maincolor;
$button-primary-color: $navigation-maincolor;
$button-secondary-color: $gray-2;
$button-danger-color: #ac7171;
/* CUSTOM RULES */