23 lines
1.2 KiB
Plaintext
23 lines
1.2 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Menu</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
/* the whole screen: a click beside the menu closes it */
|
|
body.ctx { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: transparent; }
|
|
.menu { position: absolute; width: 220dp; padding: 4dp; background-color: #070b12f2; border: 2dp #3d6d96; border-radius: 4dp; }
|
|
.menu .t { font-size: 12dp; color: #f2b13c; padding: 4dp 8dp 6dp 8dp; white-space: nowrap; overflow: hidden; border-bottom: 1dp #24405c; margin-bottom: 3dp; }
|
|
.menu .r { padding: 6dp 10dp; font-size: 15dp; border-radius: 3dp; }
|
|
.menu .r:hover { background-color: #122033; color: #5cc8f0; }
|
|
.menu .r.disabled { color: #5d6e80; }
|
|
.menu .r.disabled:hover { background-color: transparent; color: #5d6e80; }
|
|
</style>
|
|
</head>
|
|
<body class="ctx" data-model="ctxmenu" data-action="dismiss">
|
|
<div class="menu" data-style-left="left" data-style-top="top">
|
|
<div class="t" data-if="title != ''">{{ title }}</div>
|
|
<div class="r" data-for="r : rows" data-class-disabled="r.disabled" data-action="pick" data-attr-data-arg="r.key">{{ r.label }}</div>
|
|
</div>
|
|
</body>
|
|
</rml>
|