mirror of
https://github.com/odoo/owl.git
synced 2025-10-06 19:59:41 +07:00
Samuel Degueldre
9475de4d18
The playground hasn't been touched for a while and a few things were broken before this commit: - Exporting as a standalone web application was broken because it still attempted to load the templates like it was done in owl 1 - Resizing the editor tabs still tried to use `this.trigger` While fixing the export feature, the files needed by the app were factored out of hardcoded strings and into real files, as this makes it easier to maintain, since these files get syntax highlighting. The samples received the same treatment: there is now a `samples` folder containing all the samples, it also contains a jsconfig, giving autocompletion on owl functions while editing the files, and allowing the owl import to look how it would when using owl as a node_module. In the browser, this import is translated to the relative path of the owl module using an import map.
71 lines
1.1 KiB
CSS
71 lines
1.1 KiB
CSS
body {
|
|
margin: 0;
|
|
}
|
|
|
|
.app {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: grid;
|
|
grid-template-rows: auto 50px;
|
|
}
|
|
|
|
.window-manager {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #eeeeee;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.menubar {
|
|
background-color: #875a7b;
|
|
color: white;
|
|
}
|
|
|
|
.menubar button {
|
|
height: 40px;
|
|
font-size: 18px;
|
|
margin: 5px;
|
|
}
|
|
|
|
.window {
|
|
display: grid;
|
|
grid-template-rows: 30px auto;
|
|
border: 1px solid gray;
|
|
background-color: white;
|
|
position: absolute;
|
|
box-shadow: 1px 1px 2px 1px grey;
|
|
}
|
|
|
|
.window.dragging {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.window .header {
|
|
background-color: #875a7b;
|
|
display: grid;
|
|
grid-template-columns: auto 24px;
|
|
color: white;
|
|
line-height: 30px;
|
|
padding-left: 5px;
|
|
cursor: default;
|
|
user-select: none;
|
|
}
|
|
|
|
.window .header .close {
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.counter {
|
|
font-size: 20px;
|
|
}
|
|
.counter button {
|
|
width: 80px;
|
|
height:40px;
|
|
font-size: 20px;
|
|
}
|