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
@@ -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;
}
}