pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] web: calendar grid not being applied in tablet resolution

Browse Source 
After https://github.com/odoo/odoo/pull/138670, the calendar view would start
breaking in tablet resolution. This was caused by a wrong media query that
was not being applied to tablets.

task-3570053

Part-of: odoo/odoo#139736
This commit is contained in:
Leonardo Pavan Rocha
2023-11-04 00:38:21 +00:00
parent 7eda053830
commit d1285bc41c
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web/static/src/views/calendar/calendar_controller.scss
+1 -1
View File
@@ -15,7 +15,7 @@ $o-cw-filter-avatar-size: 20px;
.o_calendar_container {
grid-template-columns: auto minmax(auto, 210px);
@include media-breakpoint-up(xl){
@include media-breakpoint-up(md){
grid-template: auto 1fr / 1fr auto;
grid-template-areas:
"head head"
addons/web/static/src/views/calendar/calendar_controller.xml
+3 -3
View File
@@ -16,8 +16,8 @@
<t t-set-slot="control-panel-navigation-additional">
<t t-component="searchBarToggler.component" t-props="searchBarToggler.props"/>
</t>
<div class="o_calendar_container d-flex d-lg-grid flex-column h-100 bg-view">
<div class="o_calendar_header d-flex align-items-center gap-1 p-2 border-bottom">
<div class="o_calendar_container d-flex d-md-grid flex-column h-100 bg-view">
<div class="o_calendar_header d-flex align-items-center gap-1 px-3 py-2 border-bottom">
<div t-if="!env.isSmall" class="o_calendar_navigation_buttons btn-group">
<button
class="o_calendar_button_prev btn btn-secondary d-none d-md-block"
@@ -54,7 +54,7 @@
<t t-esc="dayHeader" />
</t>
</h5>
<button class="btn btn-light d-none d-lg-block oi oi-panel-right ms-auto collapsed" t-on-click="toggleSideBar"/>
<button class="btn btn-light d-none d-md-block order-4 oi oi-panel-right ms-lg-auto collapsed lh-base" t-on-click="toggleSideBar"/>
</div>
<MobileFilterPanel t-if="env.isSmall" t-props="mobileFilterPanelProps" />
<t t-if="showCalendar" t-component="props.Renderer" t-props="rendererProps" />