diff options
Diffstat (limited to 'addons/website/static/src/scss')
| -rw-r--r-- | addons/website/static/src/scss/website.ui.scss | 29 | ||||
| -rw-r--r-- | addons/website/static/src/scss/website.wysiwyg.scss | 21 |
2 files changed, 48 insertions, 2 deletions
diff --git a/addons/website/static/src/scss/website.ui.scss b/addons/website/static/src/scss/website.ui.scss index 7b589c5d22f..88596884fd0 100644 --- a/addons/website/static/src/scss/website.ui.scss +++ b/addons/website/static/src/scss/website.ui.scss @@ -475,3 +475,32 @@ body .modal { color: $info; } } + +.ui-autocomplete.o_website_ui_autocomplete { + max-width: 400px; + font-size: $o-we-sidebar-font-size; + border: none; + background-color: $o-we-sidebar-content-field-dropdown-bg; + box-shadow: $o-we-sidebar-content-field-dropdown-shadow; + > li { + border-bottom: $o-we-sidebar-content-field-border-width solid lighten($o-we-sidebar-content-field-dropdown-border-color, 15%); + border-radius: $o-we-sidebar-content-field-border-radius; + background-color: $o-we-sidebar-content-field-clickable-bg; + color: $o-we-sidebar-content-field-clickable-color; + &.ui-menu-item { + > div { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + line-height: 20px; + &.ui-state-active { + border: $o-we-sidebar-content-field-dropdown-border-width solid transparent; + background-color: $o-we-sidebar-content-field-dropdown-item-bg-hover; + } + } + } + &.ui-autocomplete-category { + background-color: $o-we-bg-lighter; + } + } +} diff --git a/addons/website/static/src/scss/website.wysiwyg.scss b/addons/website/static/src/scss/website.wysiwyg.scss index 2dc34645ed9..a0cdaaedf5d 100644 --- a/addons/website/static/src/scss/website.wysiwyg.scss +++ b/addons/website/static/src/scss/website.wysiwyg.scss @@ -209,9 +209,26 @@ $i: 1; .pac-container { // google map autosuggestion z-index: $zindex-modal-backdrop; // > $o-we-zindex - min-width: 400px; - + width: $o-we-sidebar-width !important; + font-size: $o-we-sidebar-font-size; + margin-left: -$o-we-sidebar-width/2; + border-top: none; + background-color: $o-we-sidebar-content-field-dropdown-bg; + box-shadow: $o-we-sidebar-content-field-dropdown-shadow; &:after { display: none; } + .pac-item { + border-top: $o-we-sidebar-content-field-border-width solid lighten($o-we-sidebar-content-field-dropdown-border-color, 15%); + border-radius: $o-we-sidebar-content-field-border-radius; + background-color: $o-we-sidebar-content-field-clickable-bg; + color: $o-we-sidebar-content-field-clickable-color; + &:hover { + background-color: $o-we-sidebar-content-field-dropdown-item-bg-hover; + cursor: pointer; + } + } + .pac-item-query { + color: $o-we-sidebar-content-field-clickable-color; + } } |