Index: gc_lang/fr/webext/content_scripts/panel.css ================================================================== --- gc_lang/fr/webext/content_scripts/panel.css +++ gc_lang/fr/webext/content_scripts/panel.css @@ -1,11 +1,11 @@ /* CSS Content panels for Grammalecte */ -.grammalecte_panel { +div.grammalecte_panel { all: initial; padding: 0; margin: 0; position: fixed; box-sizing: content-box; @@ -20,44 +20,44 @@ text-shadow: none; text-decoration: none; text-align: left; hyphens: none; } -.grammalecte_panel img { +div.grammalecte_panel img { display: inline-block; margin: 0; padding: 0; } -.grammalecte_panel_bar { +div.grammalecte_panel_bar { position: sticky; width: 100%; background-color: hsl(210, 0%, 90%); border-radius: 10px 10px 0 0; border-bottom: 1px solid hsl(210, 10%, 80%); color: hsl(210, 10%, 4%); font-size: 20px; } -.grammalecte_panel_title { +div.grammalecte_panel_title { padding: 10px 20px; } -.grammalecte_panel_label { +div.grammalecte_panel_label { display: inline-block; padding: 0 10px; font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; } -.grammalecte_panel_invisible_marker { +div.grammalecte_panel_invisible_marker { position: absolute; /*visibility: hidden;*/ font-size: 6px; color: hsl(210, 0%, 90%); /* same color than panel_bar background */ } -.grammalecte_panel_commands { +div.grammalecte_panel_commands { float: right; } -.grammalecte_copy_button { +div.grammalecte_copy_button { display: inline-block; padding: 2px 10px; background-color: hsl(150, 80%, 30%); border-radius: 0 0 0 3px; font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; @@ -65,14 +65,14 @@ font-weight: bold; color: hsl(150, 0%, 100%); text-align: center; cursor: pointer; } -.grammalecte_copy_button:hover { +div.grammalecte_copy_button:hover { background-color: hsl(150, 100%, 40%); } -.grammalecte_move_button { +div.grammalecte_move_button { display: inline-block; padding: 2px 5px; background-color: hsl(180, 80%, 50%); font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; font-size: 22px; @@ -79,14 +79,14 @@ font-weight: bold; color: hsl(180, 0%, 100%); text-align: center; cursor: pointer; } -.grammalecte_move_button:hover { +div.grammalecte_move_button:hover { background-color: hsl(180, 100%, 60%); } -.grammalecte_close_button { +div.grammalecte_close_button { display: inline-block; padding: 2px 10px; border-radius: 0 8px 0 0; background-color: hsl(0, 80%, 50%); font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; @@ -94,22 +94,22 @@ font-weight: bold; color: hsl(210, 0%, 100%); text-align: center; cursor: pointer; } -.grammalecte_close_button:hover { +div.grammalecte_close_button:hover { background-color: hsl(0, 100%, 60%); } -.grammalecte_panel_content { +div.grammalecte_panel_content { position: absolute; width: 100%; height: calc(100% - 55px); /* panel height - title_bar */ overflow: auto; } -.grammalecte_panel_message { +div.grammalecte_panel_message { margin: 10px; padding: 10px; border-radius: 5px; background-color: hsl(0, 50%, 40%); color: hsl(0, 50%, 96%); @@ -119,11 +119,11 @@ /* Spinner */ -.grammalecte_spinner { +div.grammalecte_spinner { visibility: hidden; box-sizing: border-box; width: 40px; height: 40px; position: absolute;