Ivent invitation support - ctb_on_main_toolbars.css

[Acid-Crash]

1. Describe the issue _ctb_on_maintoolbars.css seems to lack styling for event/invitation related buttons (they use default styling when compared to other one)

2. What should have happened instead? All button on toolbar should have the same style

3. Steps to reproduce the issue? Open the message that have an event/invitation for default Lightning addon

I believe this can be fixed by addingone of the following element #imip-view-toolbox (or maybe .lightning-notification-bar) to the existing style

4. SCREENSHOTS with/without this projects files (drag & drop images into this post)

5. System information
   • OS & OS version: Win10x64
   • OS theme name: Default
   • DPI / HiDPI resolution: 100
   • Thunderbird version: 68.5.0 (64-bit)
   • Thunderbird theme / lw-theme: default
   • This projects settings the issue occurs with:

```css /* Thunderbird Quantum userChrome.css tweaks ****************************************************/ /* code mostly taken from 'CusomizeMyBird' add-ons **********************************************/ /* Github: https://github.com/aris-t2/customcssfortb ********************************************/ /************************************************************************************************/ /************************************************************************************************/ /* Custom CSS for Thunderbird 68+ ***************************************************************/ /* version 1.0.1 ********************************************************************************/ /************************************************************************************************/ /************************************************************************************************* Make sure 'toolkit.legacyUserProfileCustomizations.stylesheets' is set to 'true' or custom styles will not be loaded. Settings/Options > Advanced > General > Config Editor... *************************************************************************************************/ /************************************************************************************************* README Thunderbird profile folder: (Windows) C:\Users\\AppData\Roaming\Thunderbird\Profiles\\ (Linux) /home//.mozilla/thunderbird// (macOS) ~\Library\Mozilla\Thunderbird\Profiles\\ or ~\Library\Application Support\Mozilla\Thunderbird\Profiles\\ or \Users\\Library\Application\Support\Thunderbird\Profiles\ CSS files and sub-folders belong into \\chrome\ directory. \chrome\config\ \chrome\css\ \chrome\images\ \chrome\userChrome.css \chrome\userContent.css ENABLING options: remove the combination of / and * before '@import' DISABLING options: add the combination of / and * before '@import' *************************************************************************************************/ /* MAIN CONFIG FILE - controls variables ********************************************************/ /* @import "./config/config.css"; /**/ /* TABS *****************************************************************************************/ /* Tab appearance - [only use one at a time] ****************************************************/ /* @import "./css/tabs/classic_squared_tabs.css"; /**/ /* @import "./css/tabs/classic_squared_tabs_aero.css"; /**/ /* @import "./css/tabs/classic_squared_tabs_glass1.css"; /**/ /* @import "./css/tabs/classic_squared_tabs_glass2.css"; /**/ /* @import "./css/tabs/classic_squared_tabs_glass3.css"; /**/ /* Tabs height and borders **********************************************************************/ /* @import "./css/tabs/tab_height.css"; /**/ /* @import "./css/tabs/tab_border_radius.css"; /**/ /* BUTTONS **************************************************************************************/ /* Classic button appearance ********************************************************************/ @import "./css/buttons/ctb_on_main_toolbars.css"; /**/ /* @import "./css/buttons/ctb_on_menubar.css"; /**/ /* @import "./css/buttons/ctb_on_tabstoolbar.css"; /**/ /* Button size **********************************************************************************/ /* @import "./css/buttons/ctb_button_size_main_toolbars.css"; /**/ /* @import "./css/buttons/ctb_button_size_menubar.css"; /**/ /* Buttons on tabs toolbar - [only use one at a time] *******************************************/ /* @import "./css/buttons/tab_toolbar_buttons_before_tabs.css"; /**/ /* @import "./css/buttons/tab_toolbar_buttons_hidden.css"; /**/ /* Icon settings ********************************************************************************/ /* @import "./css/buttons/reduce_icon_size_on_hover.css"; /**/ /* Icon sets - [only use one at a time] *********************************************************/ /* @import "./css/buttons/tb_icons_tb1.css"; /**/ /* @import "./css/buttons/tb_icons_tb2.css"; /**/ /* @import "./css/buttons/tb_icons_tb3.css"; /**/ /* @import "./css/buttons/tb_icons_tb3_strata.css"; /**/ /* @import "./css/buttons/tb_icons_dark.css"; /**/ /* @import "./css/buttons/tb_icons_white.css"; /**/ /* @import "./css/buttons/tb_icons_tb_mac.css"; /**/ /* @import "./css/buttons/tb_icons_noia_large.css"; /**/ /* @import "./css/buttons/tb_icons_noia_medium.css"; /**/ /* @import "./css/buttons/tb_icons_noia_small.css"; /**/ /* @import "./css/buttons/tb_icons_noia_tiny.css"; /**/ /* APPBUTTON ************************************************************************************/ /* Appbutton appearance - [only use one at a time] **********************************************/ @import "./css/appbutton/classic_appbutton.css"; /**/ /* @import "./css/appbutton/classic_appbutton_icon_only.css"; /**/ /* default toolbar button icon */ /* @import "./css/appbutton/classic_appbutton_icon_only_white.css"; /* white bird */ /* @import "./css/appbutton/classic_appbutton_icon_only_white2.css"; /* white bird v2 */ /* @import "./css/appbutton/classic_appbutton_icon_only_flat.css"; /* flat */ /* @import "./css/appbutton/classic_appbutton_icon_only_old1.css"; /* old Thunderbird icon */ /* @import "./css/appbutton/classic_appbutton_icon_only_old2.css"; /* old Thunderbird icon v2 */ @import "./css/appbutton/classic_appbutton_icon_only_current.css"; /* current Thunderbird icon */ /* GENERAL THUNDERBIRD APPEARANCE ****************************************************************/ /* Toolbar appearance - [only use one at a time] *************************************************/ /* @import "./css/general/toolbar_and_ui_appearance_default.css"; /**/ /* @import "./css/general/toolbar_and_ui_appearance_aero.css"; /**/ /* @import "./css/general/toolbar_and_ui_appearance_glass1.css"; /**/ /* @import "./css/general/toolbar_and_ui_appearance_glass2.css"; /**/ /* @import "./css/general/toolbar_and_ui_appearance_glass3.css"; /**/ /* Attachmentbox *********************************************************************************/ /* @import "./css/general/attachmentbox_above_mail_content.css"; /**/ /* @import "./css/general/attachmentbox_at_toolbars_start.css"; /**/ /* Main window ***********************************************************************************/ /* @import "./css/general/window_header_colors.css"; /**/ /* @import "./css/general/mail_panel_color.css"; /**/ /* Tree columns appearance - [only use one at a time] ********************************************/ /* @import "./css/general/tree_columns_appearance.css"; /**/ /* @import "./css/general/tree_columns_appearance_aero.css"; /**/ /* Compose window - Bold, Italic, Underlined icons ***********************************************/ @import "./css/general/write_window_replace_aaa_icons_with_biu_icons.css"; /**/ /* Quickfilter toolbar settings ******************************************************************/ /* @import "./css/general/quickfilterbar_at_the_bottom.css"; /**/ /* Quickfilter button mode - [only use one at a time] ********************************************/ /* @import "./css/general/quickfilterbar_text_only.css"; /**/ /* @import "./css/general/quickfilterbar_icons_only.css"; /**/ /* @import "./css/general/quickfilterbar_icons_and_text.css"; /**/ /* Menubar appearance and position - [only use one at a time] ************************************/ /* @import "./css/general/menubar_above_tabs.css"; /**/ /* @import "./css/general/menubar_below_tabs.css"; /**/ /* @import "./css/general/menubar_below_tabs_aero.css"; /**/ /* @import "./css/general/menubar_below_tabs_with_border.css"; /**/ /* @import "./css/general/menubar_below_tabs_with_border_aero.css"; /**/ /* Hide items ************************************************************************************/ /* @import "./css/general/statusbar_hidden.css"; /**/ /* @import "./css/general/mail_tree_folder_icons_hidden.css"; /**/ /* @import "./css/general/mail_list_scrollbars_hidden.css"; /**/ @import "./css/custom/misc.css"; /**/ ```

[Aris-t2]

Open ctb_on_main_toolbars.css and replace every :-moz-any(.chromeclass-toolbar,#header-view-toolbox,#attachmentView) with :-moz-any(.chromeclass-toolbar,#header-view-toolbox,#attachmentView,.lightning-notification-bar)

Report back.

[Acid-Crash]

Seems to be good. Made some basic hover, active button checks etc.

[Aris-t2]

I just posted a new main release incl. this change.

[Acid-Crash]

thx, closing ticket