a6157c75f4
Introduces network-controlled options for multisite environments, including enforcement and UI disabling for network-managed settings. Centralizes language configuration in a new WPCC_Language_Config class, improves admin and frontend JS/CSS for network and disabled state UI, updates block asset versioning, and refactors/renames core classes for consistency. Also adds a TinyMCE plugin for no-conversion shortcodes and enhances option handling for better compatibility and reliability.
164 lines
3 KiB
CSS
164 lines
3 KiB
CSS
.wpcc-language-switcher {
|
|
border: 1px solid #ddd;
|
|
padding: 12px;
|
|
margin: 0;
|
|
background: #fff;
|
|
}
|
|
|
|
.wpcc-language-switcher.wpcc-horizontal {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.wpcc-horizontal-switcher {
|
|
display: flex;
|
|
gap: 6px;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.wpcc-lang-item {
|
|
display: inline-block;
|
|
}
|
|
|
|
.wpcc-lang-item .wpcc-link {
|
|
display: inline-block;
|
|
padding: 4px 10px;
|
|
background: #f0f0f0;
|
|
color: #333;
|
|
text-decoration: none;
|
|
border: 1px solid #ddd;
|
|
border-radius: 5px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.wpcc-lang-item .wpcc-link:hover {
|
|
background: #e0e0e0;
|
|
}
|
|
|
|
.wpcc-lang-item.wpcc-no-conversion .wpcc-link {
|
|
background: #f9f9f9;
|
|
color: #666;
|
|
}
|
|
|
|
.wpcc-dropdown-switcher {
|
|
padding: 6px 8px;
|
|
border: 1px solid #ddd;
|
|
background: #fff;
|
|
font-size: 12px;
|
|
min-width: 150px;
|
|
}
|
|
|
|
.wpcc-conversion-status {
|
|
border: 1px solid #ddd;
|
|
padding: 12px;
|
|
margin: 0;
|
|
background: #f9f9f9;
|
|
}
|
|
|
|
.wpcc-status-preview {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|
|
|
|
.wpcc-status-text {
|
|
font-size: 12px;
|
|
color: #333;
|
|
}
|
|
|
|
.wpcc-conversion-status.wpcc-format-badge .wpcc-status-text {
|
|
background: #0073aa;
|
|
color: #fff;
|
|
padding: 2px 6px;
|
|
border-radius: 3px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.wpcc-conversion-status.wpcc-format-minimal .wpcc-status-text {
|
|
font-size: 11px;
|
|
color: #666;
|
|
}
|
|
|
|
.wpcc-no-conversion-wrapper {
|
|
border: 1px dashed #d63638;
|
|
padding: 12px;
|
|
margin: 0;
|
|
background: #fff5f5;
|
|
}
|
|
|
|
.wpcc-no-conversion-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
margin-bottom: 8px;
|
|
padding-bottom: 6px;
|
|
border-bottom: 1px solid #ffcccc;
|
|
}
|
|
|
|
.wpcc-label {
|
|
font-weight: 600;
|
|
color: #d63638;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.wpcc-no-conversion-content {
|
|
min-height: 40px;
|
|
}
|
|
|
|
.wpcc-language-switcher.wpcc-size-small .wpcc-lang-item .wpcc-link {
|
|
padding: 2px 6px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.wpcc-language-switcher.wpcc-size-large .wpcc-lang-item .wpcc-link {
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.wpcc-language-switcher.wpcc-size-small .wpcc-dropdown-switcher {
|
|
padding: 4px 6px;
|
|
font-size: 11px;
|
|
min-width: 120px;
|
|
}
|
|
|
|
.wpcc-language-switcher.wpcc-size-large .wpcc-dropdown-switcher {
|
|
padding: 8px 12px;
|
|
font-size: 14px;
|
|
min-width: 180px;
|
|
}
|
|
|
|
.wpcc-no-conversion-wrapper.wpcc-border-solid {
|
|
border-style: solid;
|
|
}
|
|
|
|
.wpcc-no-conversion-wrapper.wpcc-border-none {
|
|
border: none;
|
|
}
|
|
|
|
.wpcc-language-switcher.wpcc-size-small .wpcc-horizontal-switcher {
|
|
gap: 4px;
|
|
}
|
|
|
|
.wpcc-language-switcher.wpcc-size-large .wpcc-horizontal-switcher {
|
|
gap: 12px;
|
|
}
|
|
|
|
.wpcc-language-switcher.wpcc-size-small .wpcc-dropdown-switcher {
|
|
height: 28px;
|
|
}
|
|
|
|
.wpcc-language-switcher.wpcc-size-large .wpcc-dropdown-switcher {
|
|
height: 44px;
|
|
}
|
|
|
|
.wpcc-language-switcher .wpcc-lang-item .wpcc-link[target="_blank"]::after {
|
|
content: " ↗";
|
|
font-size: 0.8em;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.wpcc-language-switcher .wpcc-custom-label {
|
|
font-weight: 500;
|
|
}
|
