diff --git a/translation.html b/translation.html index 5108713..69dce24 100644 --- a/translation.html +++ b/translation.html @@ -19,11 +19,11 @@ code { font-family: Menlo, monospace; color: #333; } #ui-nav h1 { font-size: 14px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; } #ui-nav select { max-width: 310px; } #ui-info { margin-bottom: 20px; margin-top: 120px; } -#ui-info.hide-info{ display: none; } +#ui-info.hide-info { display: none; } #ui-info p { line-height: 19px; } #ui-info p + p { margin-top: 5px; } -a { color: #06f; text-decoration: none; border-bottom: 1px #efefef solid;} -a:hover { border-bottom-color: #ccc; } +a:not(.button) { color: #06f; text-decoration: none; border-bottom: 1px #efefef solid;} +a:not(.button):hover { border-bottom-color: #ccc; } .translation-item { margin-bottom: 50px; display: block; } .translation-item-path { font-family: Menlo, monospace; font-size: 10px; color: #ccc; margin-bottom: 10px; display: block; border: none; } .translation-item input, .translation-item textarea { font-family: sans-serif; color: #666; font-size: 14px; line-height: 1.5; width: 100%; display: block; padding: 3px; } @@ -31,7 +31,8 @@ a:hover { border-bottom-color: #ccc; } .translation-item-original { margin-bottom: 15px; } .translation-item-original p { margin-bottom: 15px; line-height: 1.5; } .translation-ui-button-wrapper { position: fixed; width: 350px; top: 0; right: 0; padding: 10px; background-color: #ccc; } -.button.is-hidden { display: none; } +.button.is-inactive { color: #ccc; border-color: #ccc; } +.button.is-inactive:hover { color: #fff; background-color: #ccc; border-color: #ccc; } .translation-item-hint { font-size: 12px; color: #666; margin-top: 10px; line-height: 1.5; } .select-wrapper { margin-top: 10px; } @@ -254,7 +255,7 @@ function addUI () { completeButtonEl = document.createElement( 'a' ); completeButtonEl.classList.add( 'button' ); completeButtonEl.classList.add( 'complete-button' ); - completeButtonEl.classList.add( 'is-hidden' ); + completeButtonEl.classList.add( 'is-inactive' ); completeButtonEl.textContent = 'Translation Complete. Send data via Email'; uiNavEl.appendChild( completeButtonEl ); } @@ -299,9 +300,9 @@ function updateInputs () { function updateCompleteButton () { if ( isLanguageDataComplete( currentLanguageData ) ) { - completeButtonEl.classList.remove( 'is-hidden' ); + completeButtonEl.classList.remove( 'is-inactive' ); } else { - completeButtonEl.classList.add( 'is-hidden' ); + completeButtonEl.classList.add( 'is-inactive' ); } }