Add stylesheet to fileinput button (#6479)

holoviz · Mar 11, 2024 · 339ade7 · 339ade7
1 parent 7d525e6
commit 339ade7
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/panel/dist/css/button.css b/panel/dist/css/button.css
@@ -157,3 +157,12 @@
 :host(.bk-panel-models-widgets-FileDownload) .bk-btn .bk-TablerIcon {
   margin-left: 0.5em;
 }
+
+input[type='file'].bk-input {
+  padding-left: 10px;
+}
+
+input[type='file']::file-selector-button {
+  background: var(--surface-color);
+  color: var(--surface-text-color);
+}
diff --git a/panel/widgets/input.py b/panel/widgets/input.py
@@ -10,8 +10,8 @@
 from base64 import b64decode
 from datetime import date, datetime
 from typing import (
-    TYPE_CHECKING, Any, ClassVar, Dict, Iterable, Mapping, Optional, Tuple,
-    Type,
+    TYPE_CHECKING, Any, ClassVar, Dict, Iterable, List, Mapping, Optional,
+    Tuple, Type,
 )
 
 import numpy as np
@@ -27,6 +27,7 @@
 )
 
 from ..config import config
+from ..io.resources import CDN_DIST
 from ..layout import Column, Panel
 from ..models import (
     DatetimePicker as _bkDatetimePicker, TextAreaInput as _bkTextAreaInput,
@@ -195,6 +196,8 @@ class FileInput(Widget):
 
     _widget_type: ClassVar[Type[Model]] = _BkFileInput
 
+    _stylesheets: ClassVar[List[str]] = [f'{CDN_DIST}css/button.css']
+
     def _process_param_change(self, msg):
         msg = super()._process_param_change(msg)
         if 'value' in msg: