v1.0.0
This commit is contained in:
commit
a157afe625
21 changed files with 4623 additions and 0 deletions
78
assets/css/editor.css
Normal file
78
assets/css/editor.css
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
/**
|
||||
* AI Translator (by ROBOTSTXT) — editor styles.
|
||||
*
|
||||
* Scoped to the Classic metabox and the Block editor sidebar panel.
|
||||
*
|
||||
* @package ROBOTSTXT\AI_Translator
|
||||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
.ai-translator-classic select,
|
||||
.ai-translator-classic .button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ai-translator-classic .ai-translator-status {
|
||||
margin-top: 8px;
|
||||
padding: 6px 8px;
|
||||
min-height: 1.5em;
|
||||
font-size: 12px;
|
||||
border-left: 3px solid transparent;
|
||||
background: transparent;
|
||||
color: #50575e;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
.ai-translator-classic .ai-translator-status--busy {
|
||||
border-color: #2271b1;
|
||||
background: #f0f6fc;
|
||||
color: #2271b1;
|
||||
}
|
||||
|
||||
.ai-translator-classic .ai-translator-status--busy::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin-right: 6px;
|
||||
border: 2px solid #2271b1;
|
||||
border-top-color: transparent;
|
||||
border-radius: 50%;
|
||||
animation: ai-translator-spin 0.8s linear infinite;
|
||||
vertical-align: -2px;
|
||||
}
|
||||
|
||||
.ai-translator-classic .ai-translator-status--success {
|
||||
border-color: #008a20;
|
||||
background: #edfaef;
|
||||
color: #008a20;
|
||||
}
|
||||
|
||||
.ai-translator-classic .ai-translator-status--warning {
|
||||
border-color: #dba617;
|
||||
background: #fcf9e8;
|
||||
color: #80651e;
|
||||
}
|
||||
|
||||
.ai-translator-classic .ai-translator-status--error {
|
||||
border-color: #d63638;
|
||||
background: #fcf0f1;
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
@keyframes ai-translator-spin {
|
||||
to {
|
||||
transform: rotate( 360deg );
|
||||
}
|
||||
}
|
||||
|
||||
.ai-translator-sidebar {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.ai-translator-sidebar .components-notice {
|
||||
margin: 0;
|
||||
}
|
||||
Loading…
Reference in a new issue