178 lines
2.4 KiB
178 lines
2.4 KiB
@import "./app/theme.scss"; |
|
html, |
|
body { |
|
width: 100%; |
|
height: 100%; |
|
margin: 0 auto; |
|
padding: 0; |
|
overflow: hidden; |
|
} |
|
ul, |
|
ol, |
|
dl, |
|
li, |
|
dt, |
|
dd, |
|
p, |
|
form, |
|
input, |
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6, |
|
section, |
|
article, |
|
aside, |
|
header, |
|
footer, |
|
nav, |
|
figure, |
|
time, |
|
mark, |
|
main, |
|
canvas { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
b, |
|
strong, |
|
i, |
|
em, |
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 { |
|
font-weight: 500; |
|
font-style: normal; |
|
} |
|
img { |
|
border: none; |
|
} |
|
a { |
|
text-decoration: none; |
|
color: #000; |
|
} |
|
ul, |
|
ol, |
|
li { |
|
list-style: none; |
|
overflow-x: hidden; |
|
} |
|
.clearfn:after { |
|
content: ""; |
|
clear: both; |
|
display: block; |
|
overflow: hidden; |
|
height: 0; |
|
visibility: hidden; |
|
} |
|
//root标签 |
|
app-root { |
|
height: 100%; |
|
} |
|
|
|
h1 { |
|
font-size: 16px; |
|
} |
|
.mat-expansion-panel-body { |
|
padding: 0px !important; |
|
} |
|
.mat-expansion-indicator::after { |
|
color: black; |
|
} |
|
.example-sidenav .mat-drawer-inner-container { |
|
overflow: hidden; |
|
} |
|
table th.mat-header-cell:last-of-type, |
|
table td.mat-cell:last-of-type, |
|
table td.mat-footer-cell:last-of-type { |
|
padding-right: 0px; |
|
} |
|
.mat-tab-body { |
|
height: 100%; |
|
overflow-y: auto; |
|
} |
|
.mat-drawer-backdrop.mat-drawer-shown { |
|
background-color: #fff; |
|
} |
|
.mat-content { |
|
//可展开面板垂直居中 |
|
align-items: center; |
|
} |
|
|
|
//x轴滚动条隐藏 |
|
.example-sidenav-content { |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
} |
|
.mat-tab-body-wrapper { |
|
overflow: auto !important; |
|
} |
|
//滚动条样式 |
|
::-webkit-scrollbar { |
|
width: 5px; |
|
background-color: white; |
|
} |
|
::-webkit-scrollbar-thumb { |
|
background-color: #999; |
|
} |
|
|
|
#setPosition { |
|
.custom-content-marker { |
|
position: relative; |
|
// border: 1px solid red; |
|
width: 68px; |
|
height: 68px; |
|
overflow: hidden; |
|
display: flex; |
|
justify-content: center; |
|
.positionimg { |
|
width: 30px; |
|
height: 36px; |
|
} |
|
} |
|
|
|
.custom-content-marker .btnbox { |
|
position: absolute; |
|
left: 0px; |
|
bottom: 0px; |
|
width: 68px; |
|
height: 30px; |
|
background: #ffffff; |
|
border-radius: 60px; |
|
color: #ebebeb; |
|
display: flex; |
|
justify-content: space-around; |
|
box-sizing: border-box; |
|
padding: 0 5px; |
|
align-items: center; |
|
img { |
|
width: 20px; |
|
height: 20px; |
|
cursor: pointer; |
|
} |
|
} |
|
.custom-content-marker .btnbox2 { |
|
position: absolute; |
|
left: 0px; |
|
bottom: 0px; |
|
width: 68px; |
|
height: 30px; |
|
opacity: 0; |
|
border-radius: 60px; |
|
color: #ebebeb; |
|
display: flex; |
|
justify-content: space-around; |
|
box-sizing: border-box; |
|
padding: 0 5px; |
|
align-items: center; |
|
} |
|
|
|
.custom-content-marker .close-btn:hover { |
|
background: #666; |
|
} |
|
}
|
|
|