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

66 lines
1.3 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 {
cursor: pointer;
outline: none;
position: relative;
overflow: visible;
2019-03-04 11:04:23 +00:00
text {
border: 1px dashed rgba(0, 0, 0, .15);
2020-04-02 12:20:57 +00:00
border-radius: 16px;
padding: 5px 10px;
2019-04-11 07:38:53 +00:00
min-height: 15px;
display: block;
overflow: hidden;
&:hover {
border-color: $color-main;
}
2019-03-04 11:04:23 +00:00
}
2019-04-11 07:38:53 +00:00
text::after {
overflow: hidden;
content: '';
clear: both;
}
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;
width: 100%;
height: 100%;
2019-02-22 11:27:56 +00:00
position: absolute;
z-index:10;
2019-02-22 11:27:56 +00:00
top: 0;
left: 0;
box-sizing: border-box;
align-items: center;
2020-04-02 12:20:57 +00:00
padding: 9px;
2019-02-22 11:27:56 +00:00
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;
2020-04-02 12:20:57 +00:00
padding: 8px;
box-shadow: 0 0 6px rgba(0, 0, 0, .2);
border-radius: 1px;
min-width: 96px;
2019-02-22 11:27:56 +00:00
& > * {
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
}
}
vn-td-editable.disabled {
cursor: initial;
}
vn-td-editable.disabled text {
border: none;
2019-02-08 14:08:36 +00:00
}