salix/front/core/components/td-editable/style.scss

54 lines
1.1 KiB
SCSS
Raw Normal View History

2019-02-22 11:27:56 +00:00
@import "variables";
2019-02-08 14:08:36 +00:00
vn-td-editable {
2019-03-04 11:04:23 +00:00
text {
cursor: pointer;
display: block
}
2019-02-22 11:27:56 +00:00
outline: none;
position: relative;
2019-02-25 08:50:51 +00:00
&:not([disabled="true"]) {
cursor: initial;
2019-03-04 11:04:23 +00:00
text:hover::after {
font-family: 'salixfont';
float: right;
content: '\e900';
display: block
}
2019-02-25 08:50:51 +00:00
}
2019-02-22 11:27:56 +00:00
&.selected > .text {
visibility: hidden;
2019-02-08 14:08:36 +00:00
}
2019-02-22 11:27:56 +00:00
& > .field {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
align-items: center;
padding: .6em;
overflow: visible;
2019-02-08 14:08:36 +00:00
2019-02-22 11:27:56 +00:00
& > field {
flex: 1;
background-color: $color-bg-panel;
padding: .5em;
box-shadow: 0 0 .4em rgba(0, 0, 0, .2);
border-radius: .1em;
min-width: 6em;
& > * {
width: 100%;
max-width: initial;
}
2019-02-08 14:08:36 +00:00
}
}
2019-02-22 11:27:56 +00:00
&.selected > .field {
display: flex;
2019-02-08 14:08:36 +00:00
}
}