Many hyperlinks are disabled.
Use anonymous login
to enable hyperlinks.
Overview
Comment: | [fx] gc panel, conjugueur: ui adjustments |
---|---|
Downloads: | Tarball | ZIP archive | SQL archive |
Timelines: | family | ancestors | descendants | both | trunk | fx |
Files: | files | file ages | folders |
SHA3-256: | b2ff105df5fcb6bcff9849a16ef43cff |
User & Date: | olr 2019-05-12 16:47:00 |
Context
2019-05-12
| ||
17:00 | [fr] faux positif check-in: a82ca1439e user: olr tags: fr, trunk | |
16:47 | [fx] gc panel, conjugueur: ui adjustments check-in: b2ff105df5 user: olr tags: fx, trunk | |
15:11 | [fr] erreur sur le filtre des entrées acceptables pour Hunspell -> rebuild check-in: 6ea1a49208 user: olr tags: fr, trunk | |
Changes
Changes to gc_lang/fr/webext/content_scripts/html_src.js.
8 8 9 9 @Reviewers: 10 10 This file only defines HTML nodes in const values 11 11 */ 12 12 13 13 14 14 const sGrammalecteConjugueurHTML = ` 15 - <div style="float: right; margin: 10px 30px 0 0"> 15 + <div class="centered_bar"> 16 16 <input type="text" id="grammalecte_conj_verb" maxlength="40" value="" placeholder="entrez un verbe" autofocus /> 17 17 <div id="grammalecte_conj_button">Conjuguer</div> 18 18 </div> 19 19 20 20 <div class="grammalecte_clearer"></div> 21 21 22 22 <h1 class="grammalecte_conj_title" id="grammalecte_conj_verb_title" class="center"> </h1>
Changes to gc_lang/fr/webext/content_scripts/panel_conj.css.
1 1 /* 2 2 CSS Document 3 3 */ 4 + 5 +div#grammalecte_conj_panel_content { 6 + padding: 20px 0; 7 + width: 100%; 8 +} 9 + 10 +div.centered_bar { 11 + display: flex; 12 + justify-content: center; 13 + align-items: stretch; 14 + width: 500px; 15 + margin: 0 auto; 16 +} 4 17 5 18 div.grammalecte_clearer { 6 19 clear: both; 7 20 font-size: 0; 8 21 height: 0; 9 22 } 10 23 ................................................................................ 63 76 color: hsl(0, 0%, 70%); 64 77 } 65 78 66 79 div#grammalecte_conj_button { 67 80 display: inline-block; 68 81 padding: 7px 10px; 69 82 font-size: 18px; 70 - background-color: hsl(0, 30%, 30%); 71 - color: hsl(0, 30%, 60%); 83 + background-color: hsl(210, 30%, 50%); 84 + color: hsl(210, 30%, 80%); 72 85 border-radius: 3px; 73 86 text-transform: uppercase; 74 87 text-align: center; 75 88 text-decoration: none; 76 89 cursor: pointer; 77 90 } 78 91 div#grammalecte_conj_button:hover { 79 - background-color: hsl(0, 60%, 40%); 80 - color: hsl(0, 60%, 70%); 81 - box-shadow: 0 0 2px hsl(0, 60%, 50%); 92 + background-color: hsl(210, 60%, 40%); 93 + color: hsl(210, 60%, 90%); 94 + box-shadow: 0 0 2px hsl(210, 60%, 50%); 82 95 } 83 96 84 97 div#grammalecte_conj_options { 85 98 margin: 10px 0 0 5px; 86 99 font-size: 16px; 87 100 text-align: center; 88 101 }
Changes to gc_lang/fr/webext/content_scripts/panel_gc.css.
1 1 /* 2 2 Grammar checker 3 3 */ 4 4 div#grammalecte_gc_panel_content { 5 5 position: absolute; 6 6 height: 100%; 7 + width: 100%; 7 8 margin: 0; 8 9 overflow: auto; 9 10 } 10 11 11 12 div.grammalecte_paragraph_block { 12 13 margin: 5px 5px 0 5px; 13 14 }
Changes to gc_lang/fr/webext/content_scripts/panel_gc.js.
152 152 }); 153 153 } 154 154 155 155 showEditor () { 156 156 this.switchContentOn(this.xGCPanelContent, this.xEditorButton); 157 157 this.switchContentOff(this.xLxgPanelContent, this.xLxgButton); 158 158 this.switchContentOff(this.xConjPanelContent, this.xConjButton); 159 + this.xPanel.style.background = ""; 159 160 } 160 161 161 162 showLexicographer () { 162 163 this.switchContentOff(this.xGCPanelContent, this.xEditorButton); 163 164 this.switchContentOn(this.xLxgPanelContent, this.xLxgButton); 164 165 this.switchContentOff(this.xConjPanelContent, this.xConjButton); 166 + this.xPanel.style.background = ""; 165 167 } 166 168 167 169 showConjugueur () { 168 170 this.switchContentOff(this.xGCPanelContent, this.xEditorButton); 169 171 this.switchContentOff(this.xLxgPanelContent, this.xLxgButton); 170 172 this.switchContentOn(this.xConjPanelContent, this.xConjButton); 173 + this.xPanel.style.background = "linear-gradient(to bottom, hsla(0,0%,100%,1) 0%, hsla(0,0%,95%,1) 55%, hsla(0,0%,90%,1) 100%)"; 171 174 this.listenConj(); 172 175 if (!this.sVerb) { 173 176 this.conjugateVerb("être"); 174 177 } 175 178 } 176 179 177 180 switchContentOn (xContent, xNodeButton) {
Changes to gc_lang/fr/webext/content_scripts/panel_lxg.css.
1 1 /* 2 2 Lexicographer 3 3 */ 4 4 div#grammalecte_lxg_panel_content { 5 5 display: none; 6 6 position: absolute; 7 7 height: 100%; 8 + width: 100%; 8 9 font-size: 13px; 9 10 } 10 11 11 12 div.grammalecte_lxg_list_of_tokens { 12 13 margin: 10px 5px 0 5px; 13 14 padding: 10px; 14 15 background-color: hsla(0, 0%, 95%, 1);
Changes to gc_lang/fr/webext/panel/conjugueur.css.
125 125 input[placeholder]#verb { 126 126 color: hsl(0, 0%, 70%); 127 127 } 128 128 129 129 #conjugate { 130 130 display: inline-block; 131 131 padding: 7px 10px; 132 - font-size: 20px; 133 - background-color: hsl(0, 30%, 30%); 134 - color: hsl(0, 30%, 60%); 132 + font-size: 18px; 133 + background-color: hsl(210, 30%, 50%); 134 + color: hsl(210, 30%, 80%); 135 135 border-radius: 3px; 136 136 text-transform: uppercase; 137 137 text-align: center; 138 138 text-decoration: none; 139 139 cursor: pointer; 140 140 } 141 141 #conjugate:hover { 142 - background-color: hsl(0, 60%, 40%); 143 - color: hsl(0, 60%, 70%); 144 - box-shadow: 0 0 2px hsl(0, 60%, 50%); 142 + background-color: hsl(210, 60%, 40%); 143 + color: hsl(210, 60%, 90%); 144 + box-shadow: 0 0 2px hsl(210, 60%, 50%); 145 145 } 146 146 147 147 #options { 148 148 margin: 10px 0 0 5px; 149 149 font-size: 16px; 150 150 text-align: center; 151 151 }