Change pdf viewer style (#7860)

* 01 change font color

* 02 change pdf viewer style

* 03 change sidebar header name

frontend/src/css/pdf-file-view.css

@@ -1,5 +1,4 @@
 .pdf-file-view {
-  /*overflow: hidden; */
   position: relative;
   z-index: 0;
 }
@@ -212,7 +211,6 @@ select#scaleSelect {
   left: 0;
   position: absolute;
   right: 0;
-  /*z-index: 1000;*/
   z-index: 998; /* for seahub */
   padding: 3px 6px;
 }
@@ -224,7 +222,6 @@ select#scaleSelect {
   left: 0;
   right: 0;
   bottom: 0;
-  /*z-index: 9999;*/
   z-index: 998; /* 1048: for seahub 'file view' */
 }
 
@@ -276,20 +273,20 @@ input#pageNumber {
   padding: 0;
 }
 
-#thumbnails-header .title {
-  font-size: 1rem;
+#sidebarHeader .title {
+  font-size: 14px;
 }
 
-#thumbnails-header .sf2-icon-x3 {
+#sidebarHeader .sf2-icon-x3 {
   font-family: 'seafile-font2';
 }
 
-#thumbnails-header .close-thumbnail-panel {
+#sidebarHeader .close-thumbnail-panel {
   font-size: 1rem;
   color: #999;
 }
 
-#thumbnails-header .close-thumbnail-panel:hover {
+#sidebarHeader .close-thumbnail-panel:hover {
   color: #666;
 }
 
@@ -328,7 +325,7 @@ input#pageNumber {
 }
 
 #sidebarContent {
-  inset-block: 51.5px 0;
+  inset-block: 36px 0;
 }
 
 .splitToolbarButton > .toolbarButton {
@@ -343,7 +340,6 @@ input#pageNumber {
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.2);
-  /*z-index: 40000;*/
   z-index: 999; /* 1049: for seahub 'share' dialog */
 }
 
@@ -362,3 +358,10 @@ input#pageNumber {
     display: none;
   }
 }
+
+#thumbnailView,
+#outlineView,
+#attachmentsView,
+#layersView {
+  width: calc(100%);
+}