soberer look with css

holoviz · philippjfr · Apr 10, 2022 · Jul 14, 2021 · Jul 17, 2021 · Jul 17, 2021
commit 5f69a37ac3faa5c7272d42f59e33659487b635a0
diff --git a/panel/dist/css/debugger.css b/panel/dist/css/debugger.css
@@ -0,0 +1,24 @@
+.bk.debugger-card {
+  border: 1px solid rgba(0,0,0,1);
+  border-radius: 0rem;
+}
+.bk.debugger-card-header {
+  align-items: center;
+  background-color: rgba(0, 0, 0, 1);
+  border-radius: 0rem;
+  display: inline-flex;
+  justify-content: start;
+  width: 100%;
+}
+.bk.debugger-card-button {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 1);
+  margin-left: 0.5em;
+}
+.bk.debugger-card-title {
+  align-items: left;
+  text-align: left;
+  color: rgba(255, 255, 255, 1);
+  font-size: 1em;
+  overflow-wrap: break-word;
+}
diff --git a/panel/widgets/debugger.py b/panel/widgets/debugger.py
@@ -92,11 +92,11 @@ def filter(self,record):
         if state.curdoc:
             session_id = state.curdoc.session_context.id
         else:
+            self.debugger.number_of_errors += 1
             return True
 
         if hasattr(self,'debugger'):
             self.debugger.number_of_errors += 1
-            self.debugger.unread_errors = True
             widget_session_ids = set(m.document.session_context.id 
                               for m in sum(self.debugger._models.values(),tuple()))
             if session_id not in widget_session_ids:
@@ -106,18 +106,23 @@ def filter(self,record):
 
 
 class Debugger(Card):
-    unread_errors = param.Boolean(doc="On if there is a new error. Off once acknowledge",
-                                  default = False)
 
     number_of_errors = param.Integer(doc="Number of logged messages since last acknowledged", 
                                       bounds=(0, None))
 
     _rename = Card._rename.copy()
-    _rename.update({'unread_errors': None,
-                    'number_of_errors': None})
+    _rename.update({'number_of_errors': None})
 
     def __init__(self, *args,only_last=True,level=logging.ERROR, **kwargs):
         super().__init__( *args, **kwargs)
+        #change default css
+        self.button_css_classes = ['debugger-card-button']
+        self.css_classes = ['debugger-card']
+        self.header_css_classes = ['debugger-card-header']
+        self.title_css_classes = ['debugger-card-title']
+
+
+
         terminal = Terminal(height = self.height - 50 if self.height else None,
                             sizing_mode='stretch_width')
         stream_handler = logging.StreamHandler(terminal)
@@ -138,13 +143,7 @@ def __init__(self, *args,only_last=True,level=logging.ERROR, **kwargs):
         logger.addHandler(stream_handler)
 
         #header
-        self.unread_errors_pane = BooleanStatus.from_param(self.param.unread_errors,
-                                                           color='danger',
-                                                           align=('center','start'))
-        self.log_counts = Str(0,
-                              align=('center','start'))
         self.param.watch(self.update_log_counts,'number_of_errors')
-        self.header = Row(self.unread_errors_pane,self.log_counts)
 
         #body
         self.ackn_btn = Button(name='Acknowledge errors')
@@ -159,11 +158,15 @@ def __init__(self, *args,only_last=True,level=logging.ERROR, **kwargs):
         self.collapsed = True
 
     def update_log_counts(self, event):
-        self.log_counts.object = self.number_of_errors
+        if self.number_of_errors:
+            self.title = f'<p><span style="color:rgb(190,0,0);">errors: </span> {self.number_of_errors}</p>'
+        else:
+            self.title = ''
 
 
     def acknowledge_errors(self,event):
         self.number_of_errors = 0
-        self.unread_errors = False
         self.terminal.clear()
+
+