From 554a99c96d223eacc4bb6e10e3f6ad1712397f3a Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Mon, 12 Jul 2021 11:42:47 +0530
Subject: fixed transition only happening on hover in

---
 src/components/Form/Form.scss         |  1 +
 src/components/Menu/Menu.scss         | 12 +-----------
 src/components/Print/Print.scss       | 13 +++++++++++++
 src/components/Print/PrintableDoc.tsx |  1 +
 4 files changed, 16 insertions(+), 11 deletions(-)
 create mode 100644 src/components/Print/Print.scss

(limited to 'src/components')

diff --git a/src/components/Form/Form.scss b/src/components/Form/Form.scss
index 7642f75..31a15b1 100644
--- a/src/components/Form/Form.scss
+++ b/src/components/Form/Form.scss
@@ -57,6 +57,7 @@ input {
   margin-right: 0.5rem;
   font-size: $fontSize1 + 0.5;
   margin-bottom: -0.25rem;
+  transition: color $defTransition;
 }
 
 .icon:hover {
diff --git a/src/components/Menu/Menu.scss b/src/components/Menu/Menu.scss
index 93d6c5e..bc3fbb3 100644
--- a/src/components/Menu/Menu.scss
+++ b/src/components/Menu/Menu.scss
@@ -14,6 +14,7 @@
   text-decoration: none;
   font-size: $fontSize2;
   color: $defFG;
+  transition: color $defTransition;
 }
 
 .HomePageMenu .menuItem:hover {
@@ -23,14 +24,3 @@
 .InvoiceInfoMenu {
   width: 60%;
 }
-
-.PDFViewer {
-  height: 95%;
-  width: 95%;
-
-  position: fixed;
-  top: 0; bottom: 0;
-  left: 0; right: 0;
-  margin: auto;
-  z-index: 3;
-}
diff --git a/src/components/Print/Print.scss b/src/components/Print/Print.scss
new file mode 100644
index 0000000..bae5f76
--- /dev/null
+++ b/src/components/Print/Print.scss
@@ -0,0 +1,13 @@
+@import "../../styles/theme";
+
+.PDFViewer {
+  height: 95%;
+  width: 95%;
+  border: 2px solid $border0;
+
+  position: fixed;
+  top: 0; bottom: 0;
+  left: 0; right: 0;
+  margin: auto;
+  z-index: 3;
+}
diff --git a/src/components/Print/PrintableDoc.tsx b/src/components/Print/PrintableDoc.tsx
index bcabcbc..67c8580 100644
--- a/src/components/Print/PrintableDoc.tsx
+++ b/src/components/Print/PrintableDoc.tsx
@@ -7,6 +7,7 @@
 */
 
 import React, { /*useState,*/ } from "react";
+import "./Print.scss";
 import { Page, Text, View, Document, StyleSheet } from '@react-pdf/renderer';
 
 const styles = StyleSheet.create({
-- 
cgit v1.2.3