Add frontend features with search, shortcodes, widgets, and blocks (v0.6.0)
All checks were successful
Create Release Package / build-release (push) Successful in 1m20s
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>
This commit is contained in:
86
assets/css/blocks-editor.css
Normal file
86
assets/css/blocks-editor.css
Normal file
@@ -0,0 +1,86 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user