magdev
864b8b2869
All checks were successful
Create Release Package / build-release (push) Successful in 1m20s
- Room search with availability, capacity, room type, amenity, price range, and building filters - AJAX-powered search with pagination and load more - Shortcodes: [bnb_buildings], [bnb_rooms], [bnb_room_search], [bnb_building], [bnb_room] - Widgets: Similar Rooms, Building Rooms, Availability Calendar - Gutenberg blocks: Building, Room, Room Search, Buildings List, Rooms List - Frontend CSS with responsive design and CSS custom properties - Frontend JavaScript with SearchForm, CalendarWidget, AvailabilityForm, PriceCalculator Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
87 lines
2.2 KiB
CSS
87 lines
2.2 KiB
CSS
/**
|
|
* WP BnB Block Editor Styles
|
|
*
|
|
* @package Magdev\WpBnb
|
|
*/
|
|
|
|
/* Block placeholder styling */
|
|
.wp-bnb-block-placeholder {
|
|
padding: 20px;
|
|
background: #f0f0f0;
|
|
border: 2px dashed #ccc;
|
|
text-align: center;
|
|
color: #666;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* Server-side render container */
|
|
.wp-block-wp-bnb-building,
|
|
.wp-block-wp-bnb-room,
|
|
.wp-block-wp-bnb-room-search,
|
|
.wp-block-wp-bnb-buildings,
|
|
.wp-block-wp-bnb-rooms {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
/* Placeholder in editor */
|
|
.wp-block-wp-bnb-building .components-placeholder,
|
|
.wp-block-wp-bnb-room .components-placeholder,
|
|
.wp-block-wp-bnb-room-search .components-placeholder,
|
|
.wp-block-wp-bnb-buildings .components-placeholder,
|
|
.wp-block-wp-bnb-rooms .components-placeholder {
|
|
min-height: 150px;
|
|
}
|
|
|
|
/* Loading spinner container */
|
|
.wp-block-wp-bnb-building .components-spinner,
|
|
.wp-block-wp-bnb-room .components-spinner,
|
|
.wp-block-wp-bnb-room-search .components-spinner,
|
|
.wp-block-wp-bnb-buildings .components-spinner,
|
|
.wp-block-wp-bnb-rooms .components-spinner {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/* Inspector control sections */
|
|
.wp-block-wp-bnb-building .components-panel__body,
|
|
.wp-block-wp-bnb-room .components-panel__body,
|
|
.wp-block-wp-bnb-room-search .components-panel__body,
|
|
.wp-block-wp-bnb-buildings .components-panel__body,
|
|
.wp-block-wp-bnb-rooms .components-panel__body {
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
/* Select control styling */
|
|
.wp-block-wp-bnb-building .components-select-control__input,
|
|
.wp-block-wp-bnb-room .components-select-control__input,
|
|
.wp-block-wp-bnb-room-search .components-select-control__input,
|
|
.wp-block-wp-bnb-buildings .components-select-control__input,
|
|
.wp-block-wp-bnb-rooms .components-select-control__input {
|
|
min-width: 200px;
|
|
}
|
|
|
|
/* Preview container in editor */
|
|
.wp-bnb-editor-preview {
|
|
pointer-events: none;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
/* Disable interactive elements in preview */
|
|
.wp-bnb-editor-preview a,
|
|
.wp-bnb-editor-preview button,
|
|
.wp-bnb-editor-preview input,
|
|
.wp-bnb-editor-preview select {
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* Add visual indicator that this is a preview */
|
|
.wp-bnb-editor-preview::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(255, 255, 255, 0.1);
|
|
pointer-events: none;
|
|
}
|