Revize 1bcdcb05

Issue #7955 @1h
[+] Vizualizace metadat
[+] Zprovoznění like/unlike
[+] Oprava dokumentace

public/css/app.css

@@ -10969 +10969 @@
   background-color: rgba(239, 218, 179, 0.5);
 }
 
+body .container {
+  margin-top: 4.99055rem;
+}
+
 body .text {
   font-weight: 400;
   font-size: 8pt;
@@ -11040 +11044 @@
   border-radius: 0;
 }
 
+body .auth .form-control:focus {
+  border-color: #ffffff;
+  box-shadow: none;
+}
+
+body .auth .card-body {
+  padding-bottom: 0px;
+  padding-top: calc(28vh - 4.99055rem);
+}
+
 body input:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 50px #272727 inset;
+  -webkit-box-shadow: 0 0 0 50px #272727 inset !important;
   -webkit-text-fill-color: #ffffff;
+  background-color: #272727 !important;
 }
 
 body input:-webkit-autofill:active,
 body input:-webkit-autofill:focus,
 body input:-webkit-autofill:visited,
 body input:-webkit-autofill:hover {
-  -webkit-box-shadow: 0 0 0 50px #272727 inset;
+  -webkit-box-shadow: 0 0 0 50px #272727 inset !important;
   -webkit-text-fill-color: #ffffff;
+  background-color: #272727 !important;
 }
 
 body .card-body {
@@ -11069 +11085 @@
   color: #ffffff;
   box-shadow: none;
   font-size: 8pt;
+  outline: none;
 }
 
 body .form-control:active,
 body .form-control:focus,
-body .form-control:visited {
+body .form-control:visited,
+body .form-control:hover {
+  outline: none;
   background-color: #272727;
   margin-top: -1px;
   border-top-color: #272727;
@@ -11138 +11157 @@
   display: inline-block;
   margin: 12rem 50px 0px -5rem;
   position: fixed;
-  top: 0;
+  top: 28vh;
   bottom: 0;
   text-align: left;
   width: 100%;
@@ -11336 +11355 @@
 }
 
 body .metadata-area h2 {
+  color: #ddd1b9;
   font-weight: 600;
   font-size: 12pt;
 }
@@ -11430 +11450 @@
   font-size: 7pt;
 }
 
+body .metadata-area .metadata-text .artefact-info .inter_like:before {
+  background-image: url(/images/Heart_Empty.svg?974f069a126736e569df0f463d68c026);
+  width: 3.125rem;
+  height: 3.125rem;
+  margin-right: 0;
+}
+
+body .metadata-area .metadata-text .artefact-info .inter_like:hover,
+body .metadata-area .metadata-text .artefact-info .inter_like:focus,
+body .metadata-area .metadata-text .artefact-info .inter_like:active {
+  background-color: transparent !important;
+  border-color: transparent !important;
+  outline: none !important;
+  box-shadow: none !important;
+}
+
 body .metadata-area .metadata-text .artefact-info .inter_like_filled:before {
   background-image: url(/images/Heart_Filled.svg?e5b962dc0fd67a2042277b9826016c9c);
   width: 3.125rem;
@@ -11528 +11564 @@
   border: 0.59055rem solid transparent;
 }
 
+.top-bar {
+  padding-bottom: 4.59055rem;
+  background-color: #272727;
+  position: fixed;
+  width: 100%;
+  top: 0;
+}
+
 .arrow-left {
   margin-left: 80%;
   border-right: 0.59055rem solid #272727;
@@ -11542 +11586 @@
   left: 0;
 }
 
+.separator {
+  border-bottom: 1px solid #272727;
+}
+
 .sidenav {
   height: 100%;
   width: 250px;
@@ -11566 +11614 @@
   background-color: #ffffff;
 }
 
+.sidenav a:active,
+.sidenav a:focus,
+.sidenav a .active {
+  color: #ffffff;
+  background-color: #ead4b0;
+}
+
+.dropdown-item.active,
+.dropdown-item:active {
+  color: #272727;
+  background-color: #ffffff;
+}
+
+.logo-kaplicky {
+  position: fixed;
+  top: 0;
+  left: calc(50vw - 50pt);
+  margin-top: 2rem;
+}
+
+.vertical-center {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+}
+
+.error {
+  color: #ffffff;
+  font-size: xx-large;
+  display: block;
+  text-align: center;
+}
+
 @media screen and (max-height: 450px) {
   .sidenav a {
     font-size: 18px;