[gnome-characters/bilelmoussaoui/gtk4: 56/76] characters view: add a view class

[Bilal Elmoussaoui <bilelmoussaoui src gnome org>]

commit 71e61b417ed6d5d357f59379013f68b8b9a92c88
Author: Bilal Elmoussaoui <bil elmoussaoui gmail com>
Date:   Wed Nov 24 17:53:58 2021 +0100

    characters view: add a view class

 src/charactersView.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)
---
diff --git a/src/charactersView.js b/src/charactersView.js
index 2a76aeb..c8e0eb1 100644
--- a/src/charactersView.js
+++ b/src/charactersView.js
@@ -125,10 +125,10 @@ const CharacterListRow = GObject.registerClass({
         let shapeRect = this._computeBoundingBox(pangoLayout, cellRect, uc);
         let borderWidth = 1;
 
-        let accentColor = styleContext.get_color();
-        accentColor.alpha = 0.05;
+        let boxBgColor = styleContext.get_color();
+        boxBgColor.alpha = 0.05;
 
-        snapshot.append_color(accentColor,
+        snapshot.append_color(boxBgColor,
             new Graphene.Rect({
                 origin: new Graphene.Point({
                     x: shapeRect.x - borderWidth * 2,
@@ -224,6 +224,7 @@ var CharactersView = GObject.registerClass({
         gestureClick.connect('pressed', this.onButtonPress.bind(this));
         gestureClick.connect('released', this.onButtonRelease.bind(this));
         this.add_controller(gestureClick);
+        this.add_css_class('view');
     }
 
     get fontDescription() {