summaryrefslogtreecommitdiff
path: root/addons/website/static/src/less
AgeCommit message (Collapse)Author
2018-04-18[REF] *: rename all LESS files to SCSSqsm-odoo
This is a simple renaming without adaptation.
2018-04-16[MERGE] forward port branch saas-11.2 up to 90f8f17fb4fChristophe Simonis
2018-04-06[MERGE] forward port branch 11.0 up to d277adf4d59Christophe Simonis
2018-04-03[IMP] website, website_sale: improve magnify featureDharmraj Jhala
Move zoom next the original picture Disable it if same img and max size with ratio < 1.5 Allow to enable zoom automatically ... Task-33499 Co-authored-by: Jérémy Kersten <jke@odoo.com>
2018-03-29[FIX] website: remove ribbon on unpublished pages (new specs)Romain Derie
This commit reverts part of f5912cb since the spec changed afterwards. Unpublished page will have a red toggle, which even if it is small should be enough to draw user attention, and not a ribbon anymore. Task-44005
2018-03-23[MERGE] forward port branch saas-11.2 up to 8a7b8453531Christophe Simonis
2018-03-22[MERGE] forward port branch 11.0 up to 39d9c362c5bChristophe Simonis
2018-03-22[IMP] website: make it more noticeable when a page is unpublishedRomain Derie
Before this commit, 2 usability issues were reported: 1. Some people would get stuck with unpublished content without even knowing it since they would not understand the page is unpublished. 2. People would have a hard time finding the publish button (small toggle on the navbar). Now: 1. We now display a red ribbon on the top right corner specifying the page is unpublished. Hopefully it can't be missed. 2. This publish button will be more visible for unpublished content since it will be red (danger) color. Hopefully people will notice it at first look. Note: It is implemented in a generic way so any 'o_switch' can be turned into this version by simply adding the 'o_switch_danger' class to it. task-44005 Closes #23282
2018-03-05[IMP] website: change design of "drag-here" areaHiral Bhavsar
Use CSS style with a translated text instead of an image.
2018-01-10[MERGE] forward port branch saas-11.1 up to f6ef0c77609Christophe Simonis
2018-01-10[FIX] website, *: auto-fold menu reviewqsm-odoo
* portal Review https://github.com/odoo/odoo/commit/392c91cda3133b921e9aca9a7b1c511231027438 - Some elements should not be folded in the "+" dropdown, like the login button and related stuff - Using pull-right instead of navbar-right (https://github.com/odoo/odoo/blob/392c91cda3133b921e9aca9a7b1c511231027438/addons/portal/views/portal_templates.xml#L37) broke the mobile version of the menu - Folded menu <li/> seemed too small (but it was only an illusion) - On Chrome, the menu was sometimes not folded when it should have been. This was because of rounded width calculations. For the first point, the code has been made so that everything that follows a divider is considered unfoldable.
2018-01-10[REF] web_editor, website: LESS simplification and correctionqsm-odoo
The variables.less file was producing CSS which was then multiplicated by the number of bundles (see less_helpers). Also simplify some LESS.
2018-01-10[REF] portal, website, web, *: improve LESS splitqsm-odoo
* website_sale
2018-01-10[REF] portal, website, web: rename/regroup LESS filesqsm-odoo
2018-01-10[REF] portal, website: portal LESS files cleaningqsm-odoo
- website.ui.less was moved to portal for no reason - rename portal_frontend.less to portal.less
2018-01-08[IMP] web_editor, *: change height/margin system to padding systemqsm-odoo
* web, website, mass_mailing Before this commit, the editor allowed defining the margin of some elements and the height of some elements. There were three main problems with this system: 1) When an user dragged the arrow, he often expected to change the size of the element while he was in fact changing the margin 2) When changing the margin, you increase the space between two elements but with a white space (while most users want a space with the same color of the block they are resizing = padding) 3) When changing the height, the user was able to hide snippet parts and the height was not consistent accross screen sizes Now, the only thing you can edit is padding. There is only one arrow for each direction, which allows increasing spacing and consistent dimension at the same time. The only feature that is lost with this change is the ability to control vertical alignement of colored columns. This is not a problem as colored columns are rare in our current snippets and there still have the possibility to add margin classes by hand if necessary (there are also plans to control vertical alignement another way). Note: margin classes are kept for compatibility.
2018-01-05[FIX] website: move customize modal on top of the navbarqsm-odoo
The "Customize Theme" modal was displayed under the main navbar since the introduction of the affix feature (especially in some themes). This is because the main navbar's z-index has been increased for animation reasons. In fact, the fix seems simple: the customize modal does not need any z-index override (it should behave like any modal).
2017-12-05[IMP] website(_sale): Improve UX for the website dashboardDhawal Limbuwala
Purpose ======= There are some usability issues in the website dashboard Specification ============= 1/ Move button 'Go to Website' in the header 2/ Hide the action button bar if there's nothing in it 3/ Align the labels in the graph's legend 4/ Make the legend labels and display more obvious 5/ Modify the graph colors to be more readable 6/ Remove margins around todo buttons
2017-12-05[IMP] website: Remove the suggested app on the website dashboardDhawal Limbuwala
2017-11-17[IMP] website: add facebook page snippetKishan Gajjar
2017-10-27[FIX] portal, website: make affix menu appear from *under* the odoo topbarqsm-odoo
2017-10-24[ADD] website_sale_link_tracker: Display utm statistics on website dashboardaxj-odoo
Purpose ======= Utm links are really useful for website owners but this feature is hidden in Odoo apps. There is nothing pointing to that. Specification ============= - Add new module to generate utm pie chart in website_sale dashboard to track website utm link - Add new option in website settings to install "website_links" Title: Link Tracker Subtitle: Track clicks on UTM links Tooltip: Analyze the efficiency of your marketing campaigns by using trackable UTM trackers (campaigns, medium, sources). Create trackers and follow clicks from the Promote menu of your website. Those trackers can be used in Google Analytics or in Odoo reports where you can see the opportunities and sales revenues generated thanks to your links. - Add utm chart to dashboard, using nvd3 such pie chart should be easy to implement - If no data to display > Display a default picture with "There isn't any UTM tag detected in orders". - Set a real icon to app "utm" since it shows up in homepage debug mode
2017-10-21[MERGE] forward port branch 11.0 up to d70518d04f8Christophe Simonis
2017-10-20[FIX] website: apply padding on dashboard even if no dataJeremy Kersten
2017-10-18[IMP] website: add standard affix menu optionqsm-odoo
Thanks to @sja-odoo for original work.
2017-10-12[IMP] website: warn user about key change when editing special file namerde
The idea is to warn user if he created a special file (website.page with supported extension) and he wants to change the file's name, which will at the end also change the key). If this special file has been t-called elsewhere, they t-call wont work anymore This is why warning user is needed. Note that this is different than the already existing page_search_dependencies that is just checking if the URL is present in menus, templates, blog or pages. This is about checking if the key is present somewhere. (we assume that if the key is present, it is surely about a t-call. Technically, the flow is: 1. Get supported extension 2. Get key dependencies 3. Check if user modify name 4. If name changed and it is/was a supported extension (special file) and it has dependencies (surely t-call) then warn user these call wont work anymore -- search_page_dependencies is also improved by returning links to be clickable (on delete dialog eg) and splitting template/page results. it also refactor dependencies warning that was creating HTML in javascript into using XML template
2017-09-30[FIX] website: remove left & right margins around todo buttonsPrakash Prajapati
2017-09-28[FIX] website: removed padding in todo buttons of dashboard.kap-odoo
closes #19733
2017-09-25[IMP] website: pageManagement - improvements according to first feedbacksrde
- labelling and screen redesign (update labels, hide labels, hide fields, ...) - make UI more mobile friendly (icon biggest, color using less variables,...) - Page & Redirection menu are for visible only in debug mode - Add meta noindex for website.page not shown in sitemap - Add mechanism to be able to edit in backend a broken view (Needed for - Internal Error 500, css, js file, ...) - website pagemanager dedicated to website_publisher only
2017-09-22[IMP] website_sale:set background-repeat property of image to no-repeat so ↵Kirti Choudhary
it will not repeat.
2017-09-15[IMP] website_sale: manage abandoned cartChristophe Monniez
Purpose: Add button to see the number of abandoned carts and the ability to send a recovery email to those customers. On the abandoned carts menu, you can see the SO from the website where no reminder email has been sent. By selecting them, you can send an email to the customer to tell him there is still a cart waiting. Clicking on the link, he can reuse his old cart or merge it with his current one. An abandoned cart is a SO from a website sales team, and created after a treshold parametered by a 'delay' settings (number of hours to be considered as abandoned).
2017-09-15[ADD] website: add new page managementrde
website.page = old ir.ui.view with page=True website.redirect is a new mechanism to replace in the futur the ir.attachment mechanism of redirect. From now, we don't have a specific /page controller to serve 'page'. We use a new model website.page which is rendered if none route matches the url and that the field 'url' on website.page matches the request.httprequest.path. The order to serve a path is: - Routes defines in controllers (/shop, /blog, ...) - ir.attachment with name matching the path - website.page with url matching the path - website.redirect with url_from matching the path - 404 To improve: - allow regexp in website.redirect model - allow to edit the view_arch from the page.management via redirect backend (needed when traceback in the page, or when modifying a js/css/less/...)
2017-08-22[REF] web, website: share modal.less fileqsm-odoo
Following https://github.com/odoo/odoo/commit/5658e337c3e0385d3d116e34404ef4086b3e94f0: The modal.less file is now in the common assets so that the dialogs' style is shared instead of duplicated.
2017-08-16[REF] web_editor, website, *: complete refactoringqsm-odoo
* mass_mailing, payment, point_of_sale, portal, survey, web, web_tour, website_blog, website_crm_partner_assign, website_event, website_event_questions, website_form, website_forum, website_gengo, website_hr_recruitment, website_links, website_mail, website_mail_channel, website_mass_mailing, website_quote, website_sale, website_sale_options, website_slides, website_twitter This commit reviews the whole "JS side" of the web_editor and website apps. This is a first step to be able to improve them with new and better functionnalities; this commit is not supposed to change any visual behavior. The main goal was to achieve a structure similar to the backend one. Now, the frontend side also has a root widget (like the WebClient) and all other widgets are attached to it one way or another. This allows the benefits of using the 'trigger_up' functionnality for example. As RPC are now mainly done with the `this._rpc` functionnality (being possible thanks to the parent hierarchy), the frontend will also be possible to test thanks to QUnit in a future update (besides the "text" editor side which still requires a refactoring to be able to do that). --- Here are some of the changes: (-) conventions and documentation The code has been updated to follow JS conventions and a lot of code has been commented (around +2000 lines of comment). This also means that lots of functions have been renamed to use camelCase or simply to make their name understandable. See https://github.com/odoo/odoo/wiki/Javascript-coding-guidelines. (-) deprecated: web_editor.base The "web_editor.base" module has been split and does not force the modules which require it to wait for DOM ready anymore. This was indeed slowing loading times, but also prevented to use some modules in some contexts (see the LESS editor use in web_studio which is the subject of another task). Now the "editor context" can be got thanks to the "web_editor.context" JS module with its "get" function. The "web_editor.base" module should probably not be used anymore (see its code and recent updates). (-) new: web.dom_ready If a JS module should wait for the DOM to be ready to be executed, a new JS module has been created: "web.dom_ready". This should always be used in a module which only want to instantiate stuff. Do not extend (or worst, include) classes after DOM ready. (-) website.website The "website.website" module has been split. "website.website" does not return anything useful anymore, it just initialize some miscellaneous stuff, without waiting for the DOM to be ready. You might want to check "website.utils", "website.content.compatibility" or `WebsiteRoot`. Also `website.form` has been deleted (use `this._rpc`), so has been `website.error`. `website.prompt` will be removed in a future update to be replaced by `Dialog.prompt`. (-) widgets are great Many classes which were not widgets are now widgets. This allows them to use the 'events', the 'xmlDependencies' and the 'this._rpc' features for example. Here are some of the main ones: - Snippet options: these were classes with a `$el` for the menu element and `$target` for the customized element. This is still the case but following standard `Widget` structure (one exception: using `this.$(...)` searches in the `$target` as before this update). - Snippet animations: instead of class instances with a `$target` element which can be `start` and `stop`, these are now standard widgets which can be `start` and `destroy`. `this.$target` is an alias to `this.$el` for ease of compatibility. - Snippet editors: instead of class instances in charge of an editor overlay, these are now widgets. Each "child" snippet editor is properly attached as a "child", which allows editors to communicate and to be properly destroyed. (-) root widgets and website navbar The frontend is different of the backend. In the backend, the page has an empty <body/> element and all the components are instantiated from parent to children (i.e. the `WebClient` is instantiated and is in charge of instantiating the `ControlPanel`, etc). The frontend cannot work like that on page loadings as they are way more frequent than in the backend and we do not want them to flicker. A frontend page is loaded as a <body/> element which already contains the website navbar and its menus and the whole content page. JS code has to be "attached" to these existing elements. This is possible thanks to the `RootWidget` instances and the specialized `WebsiteRoot`, `IframeRoot` and `WebsiteNavbar` (see code for details). (-) lazy loading No more (or at least a lot less) XML/JS has to be loaded on page loading, thanks to the use of the `Widget.xmlDependencies` feature. XML which have to be lazy loaded is loaded only on related Widget instantiation if necessary, which allows to execute a lot of JS code before the DOM is ready and to start many widgets on DOM ready (not later). A visual benefit of this is clicking on the 'edit' button as soon as it is possible: before this commit, this was sometimes not doing anything as event handlers were not binded yet. Still a possible exception: loading the session and locales. This may be asynchronous stuff which is still required before widget instantiations but this will be the subject of another task. (-) deprecated code and code location More than reviewing code and organizing it, many apparent dead code was removed. More importantly, mislocated code was put in the right app. This is the case for snippet animations which is a concept for website apps but was defined in the web_editor app, or some translation concepts which were part of website but should have been part of web_editor. --- There are probably more things to say about this commit but I will let the comments speak for those.
2017-08-09[IMP] website_sale: pimp the CSS of the dashboardKinjal Mehta
The "Best sellers" sections was displayed with hard-to-read colors
2017-08-08[ADD] portal: add module for customer portal and sharing featuresThibault Delavallée
This module adds required base code for a fully integrated customer portal. It contains the base controller class and base templates. Business addons will add their specific templates and controllers to extend the customer portal. This module contains most code coming from odoo v10 website_portal. Purpose of this module is to allow the display of a customer portal without having a dependency towards website edition and customization capabilities. Some CSS files used in frontend assets are already moved to have a working portal skeleton. A is_public method on users is also added as it will be used in various portal code soon.
2017-08-03[REF] web, website: o_website_modal -> o_technical_modalqsm-odoo
Opening a modal in Odoo should be done thanks to the 'Dialog' class. In the frontend, there can also be modals which are meant to be shown to the unconnected frontend visitors and those should then get the style of the website (bootstrap) and not the one of odoo. To manage this, the website JS code was extending the Dialog class so that it adds the 'o_website_modal' class on modals which are opened thanks to the class. The LESS code was then in charge of forcing the Odoo style on those. This behavior is not the right one. "Visitors" modals should also be able to be opened with the Dialog class. This commit is a first step towards to the right behavior: - The standard 'Dialog' adds the 'o_technical_modal' class on its root element by default and allows to not put it thanks to 'technical' options. - 'o_website_modal' is then replaced by 'o_technical_modal'. What should be done next is: - Use the Dialog class when it is possible - Move modal.less in the common assets and make it style only technical modals -> remove some forcing of the style on 'o_technical_modal' in the frontend This behavior also allows future improvements, like building a completely different structure for technical modals which would allow better designing and the end of visitor/technical bootstrap conflicts (and so LESS efficiency).
2017-07-10[IMP] web_editor, website: preserve tabs in modalsstefanorigano
2017-07-10[IMP] web_editor: only uppercase main modal buttonsstefanorigano
Uppercase style shouldn't be applied to all btns by default. The usage should be set progressively, following an importance criteria. If we design everything as important (uppercase), nothing will be perceived as important anymore.
2017-07-10[IMP] website: hide menu '.divider' if not necessarystefanorigano
2017-07-10[IMP] website: fix design of 'Edit Menu' modalsstefanorigano
2017-07-10[IMP] website: improve design/UX of SEO modalstefanorigano
2017-07-10[IMP] website: add close icon mixinstefanorigano
2017-07-10[IMP] website: remove useless css rulesstefanorigano
The entire .o_menu_systray is hidden in mobile, so no need for extra mobile style.
2017-06-06[MERGE] forward port branch saas-16 up to 6f3eada2c3aChristophe Simonis
2017-06-06[MERGE] forward port branch saas-15 up to f687a27b79eChristophe Simonis
2017-06-06[MERGE] forward port branch saas-14 up to c0e7f9b0b13Christophe Simonis
2017-06-06[IMP] website: company logo sizingstefanorigano
Rather than use a fixed height, make the logo fill the navbar height.
2017-06-02[IMP] website: improve snippets' designDharmraj Jhala
- Feature grid snippet: enable copy and move of inner containers - Accordion snippet: - add the ability to change box headers & background colors - improve the text contents - Comparison snippet: - add ability to change header colors - prevent unwanted text color changes
2017-06-01[IMP] website: add "Company Team" snippetSagar Ahirrao
Introduce a new snippet to show the company team. This commit also introduces a new classe "s_no_resize_cols" to put on a .row element to prevent the size and margins options to be used on the .col-* children. This allows to build some complex layout without having a deep hierarchy of snippet options.