From 857d91e18b2e3dbfa71443bef613df8bc1ec6410 Mon Sep 17 00:00:00 2001 From: Ivan Yarcev Date: Thu, 17 Aug 2023 16:28:59 +0600 Subject: [PATCH] Menu item buttons are properly shown --- source/ubl-settings-resourcequota.c | 2 + ubl-settings-resourcequota.css | 178 ++++++++++++---------------- 2 files changed, 79 insertions(+), 101 deletions(-) diff --git a/source/ubl-settings-resourcequota.c b/source/ubl-settings-resourcequota.c index f395e65..2cd5455 100644 --- a/source/ubl-settings-resourcequota.c +++ b/source/ubl-settings-resourcequota.c @@ -183,7 +183,9 @@ main_window *setup_window(){ widgets->LeftBox = yon_gtk_builder_get_widget(builder,"HeaderLeftBox"); widgets->DocumentationMenuItem = yon_ubl_menu_item_documentation_new(DOCUMENTATION_LABEL); + gtk_style_context_add_class(gtk_widget_get_style_context(widgets->DocumentationMenuItem),"aaa"); widgets->AboutMenuItem = yon_ubl_menu_item_about_new(ABOUT_LABEL); + gtk_style_context_add_class(gtk_widget_get_style_context(widgets->AboutMenuItem),"aaa"); GtkWidget *menu = yon_gtk_builder_get_widget(builder,"menuAbout"); gtk_menu_shell_append(GTK_MENU_SHELL(menu),widgets->DocumentationMenuItem); gtk_menu_shell_append(GTK_MENU_SHELL(menu),widgets->AboutMenuItem); diff --git a/ubl-settings-resourcequota.css b/ubl-settings-resourcequota.css index 49019ef..f63069a 100644 --- a/ubl-settings-resourcequota.css +++ b/ubl-settings-resourcequota.css @@ -1,57 +1,39 @@ -.textHead{ - text-shadow: 2px 2px @theme_bg_color; - color: @theme_text_color; -} -.boxInfoMessError{ - background-color: #ea9999; -} -.boxInfoMessOK{ - background-color: #f3f0ac; -} -.bannerbackground { - background-color: #404040; -} -.view_app { - background-color: @theme_bg_color; +.noborder { + border:none; } -.view_app.view.cell:selected { - background-color:@theme_selected_bg_color; - color:@theme_selected_text_color; - transition: 10ms ease-out; - border-radius: 3px; +.textHead{ + text-shadow: 2px 2px @theme_bg_color; + color: @theme_text_color; } -#GnomeIcon{ - border-style:solid; - border-bottom-width: 1px; - border-image: linear-gradient(90deg, alpha(@theme_text_color,0.4) 55%, alpha(@theme_bg_color, 0) 100%); - border-image-slice: 1; +.thin { + margin:0px; + padding:0px; } - -#SepIcon{ - background-color: alpha(@theme_text_color, 0.6); +.inherited>* { + border:none; + background:inherit; } - -#iconlabel { - font-size:14px; - font-weight: bold; - +.opacited { + opacity:0.98; } -.roundborder * { - border-width:0px; - border-radius:5px; +.borders { +border-radius: 2px; +border-width: 1px; +border-color: @theme_text_color; } -.noborder { - border: none; +.workingbg { + background:@theme_base_color; } -.menu:hover { - border-color:alpha(@theme_text_color, 0.01); +.textoutline { + text-shadow: 0.5px 0 0.5px @theme_bg_color, +0 0.5px 0.5px @theme_bg_color, +-0.5px 0 0.5px @theme_bg_color, +0 -0.5px 0.5px @theme_bg_color; } -.menu { - border-color:alpha(@theme_text_color, 0.01); +.nobackground { + background: none; } -.menu:hover >* { - border-color:alpha(@theme_text_color, 0.01); -}.menuitembottom{ +.menuitembottom{ margin-top:0px; margin-bottom:3px; border-color:inherit; @@ -73,25 +55,19 @@ border-left-width:inherit; border-right-width:inherit; } - .menuitemtop *{ + .menuitemtop>*{ margin:2px 2px 0 2px; - padding-top:2px; - padding-bottom:2px; - /* padding: 5px 0px 3px 5px; */ + padding: 5px 10px 3px 5px; border:transparent; } - .menuitemmiddle *{ + .menuitemmiddle>*{ margin:0 2px 0 2px; - padding-top:2px; - padding-bottom:2px; - /* padding: 3px 0px 3px 5px; */ + padding: 3px 10px 3px 5px; border:transparent; } - .menuitembottom *{ + .menuitembottom>*{ margin:0 2px 2px 2px; - padding-top:2px; - padding-bottom:2px; - /* padding: 3px 0px 5px 5px; */ + padding: 3px 10px 5px 5px; } .menuitemtop:hover { background:@theme_bg_color; @@ -114,68 +90,68 @@ border-right-width:inherit; } - .menuitemtop:hover* { + .menuitemtop:hover>* { margin:2px 2px 0 2px; - padding-top:2px; - padding-bottom:2px; - /* padding: 5px 0 3px 5px; */ + padding: 5px 10px 3px 5px; background:@theme_selected_bg_color; border-radius:2px; } - .menuitemmiddle:hover* { - margin:0 2px 0px 2px; - padding-top:2px; - padding-bottom:2px; - /* padding: 3px 0px 3px 5px; */ + .menuitemmiddle:hover>* { + margin:0 2px 0 2px; + padding: 3px 10px 3px 5px; background:@theme_selected_bg_color; border-radius:2px; } - .menuitembottom:hover* { + .menuitembottom:hover>* { margin:0 2px 2px 2px; - padding-top:2px; - padding-bottom:2px; - /* padding: 3px 0px 5px 5px; */ + padding: 3px 10px 5px 5px; background:@theme_selected_bg_color; border-radius:2px; } -.workingbg, #workingbg { - background-color:@theme_base_color; -} -.workingbg.view.cell:selected { - background-color:@theme_selected_bg_color; -} -.workingbg.view.cell:hover { - background-color:darker(@theme_selected_bg_color); - color:@theme_selected_text_color; - border-radius:3px; -} -.bkim { - transition: 200ms ease-out; - background-image: none; -} -.noborder{ -border:none; + .boxInfoMessError{ + background-color: #ea9999; } -.bkim{ -opacity:0.99; -border:none; +.boxInfoMessOK{ + background-color: #f3f0ac; +} +.nohover { + margin:3px 2px 3px 2px; + border-radius:2px; } -.bkim_no_plug{ -background-color: transparent; -opacity:0.99; +.nohover:hover { + background-color: transparent; + margin:3px 2px 3px 2px; + border-radius:2px; + color:inherit; } -.thin{ - margin:0px; - padding: 0px; -} -.nobg{ - background: none; +.aaa{ + margin-top:0px; + margin-bottom:0px; + border-color:inherit; + border-left-width:inherit; + border-right-width:inherit; } -.addbg * { - background-color: @theme_bg_color; +.aaa *{ + margin:0 2px 0 2px; + padding-top: 3px; + padding-bottom:3px; + border:transparent; +} +.aaa:hover { + background:@theme_bg_color; + border-color:inherit; + border-left-width:inherit; + border-right-width:inherit; +} +.aaa:hover * { + margin:0 2px 0 2px; + padding-top: 3px; + padding-bottom:3px; + background:@theme_selected_bg_color; + border-radius:2px; } \ No newline at end of file