mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
45d7d34530
This is just to get basic paint coverage of selections and outlines on positioned elements. TBR=esprehn@chromium.org Review URL: https://codereview.chromium.org/886683002
52 lines
1.1 KiB
Plaintext
52 lines
1.1 KiB
Plaintext
<import src="../../framework/sky-element/sky-element.sky" as="SkyElement" />
|
|
|
|
<sky-element name="app-toast">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
position: absolute;
|
|
bottom: 32px;
|
|
right: 32px;
|
|
max-width: 55%;
|
|
box-shadow: 0px 0px 12px 2px rgba(22, 22, 22, 0.4);
|
|
background-image: linear-gradient(#E5D658, #DFCF43);
|
|
border: 1px solid #AEA477;
|
|
padding: 6px;
|
|
border-radius: 2px;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 0.8em;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.header {
|
|
flex-shrink: 0;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.close-box {
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 3px;
|
|
width: 1em;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
outline: 1px solid #AEA477;
|
|
}
|
|
</style>
|
|
<div class="header">
|
|
<content select=".toast-icon" />
|
|
</div>
|
|
<div class="content">
|
|
<content select=".toast-content" />
|
|
</div>
|
|
<div class="close-box">
|
|
X
|
|
</div>
|
|
</template>
|
|
<script>
|
|
module.exports = class extends SkyElement {
|
|
}.register();
|
|
</script>
|
|
</sky-element>
|