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

57 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 {
2019-04-09 11:47:13 +00:00
border-bottom: 1px solid rgba(0,0,0,.12);
2019-04-11 07:38:53 +00:00
min-height: 15px;
2019-03-04 11:04:23 +00:00
cursor: pointer;
display: block
}
2019-04-11 07:38:53 +00:00
text::after {
overflow: hidden;
content: '';
clear: both;
}
2019-03-04 11:04:23 +00:00
2019-02-22 11:27:56 +00:00
outline: none;
position: relative;
2019-02-25 08:50:51 +00:00
&:not([disabled="true"]) {
2019-04-09 11:47:13 +00:00
cursor: initial
2019-02-25 08:50:51 +00:00
}
2019-04-05 13:20:12 +00:00
&[disabled="true"] {
cursor: not-allowed;
}
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
}
}