mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-18 22:00:31 +00:00
refactoring: migrating to react-query to manage service-side state.
This commit is contained in:
@@ -131,6 +131,23 @@
|
||||
border-color: #0052ff;
|
||||
}
|
||||
}
|
||||
|
||||
.skeleton{
|
||||
animation: skeleton-fade-in .3s linear forwards,
|
||||
skeleton-glow 1s linear infinite alternate;
|
||||
|
||||
animation-delay: 0s,.3s;
|
||||
height: 8px;
|
||||
opacity: 1;
|
||||
width: 65%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.th{
|
||||
.skeleton{
|
||||
margin: 5px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.tbody {
|
||||
|
||||
@@ -14,6 +14,21 @@
|
||||
padding: 14px 18px;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
|
||||
|
||||
.bp3-button-group{
|
||||
|
||||
.bp3-button{
|
||||
&:not(:last-child),
|
||||
&.bp3-popover-wrapper:not(:last-child) {
|
||||
border-right: 1px solid rgba(92, 112, 127, 0.3);
|
||||
margin-right: 0;
|
||||
|
||||
&.bp3-intent-primary{
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&--strip {
|
||||
#{$self}__header-fields {
|
||||
|
||||
26
client/src/style/components/Skeleton.scss
Normal file
26
client/src/style/components/Skeleton.scss
Normal file
@@ -0,0 +1,26 @@
|
||||
|
||||
|
||||
@keyframes skeleton-glow {
|
||||
0% {
|
||||
background: rgba(206,217,224,.3);
|
||||
border-color: rgba(206,217,224,.3);
|
||||
}
|
||||
to {
|
||||
background: rgba(92,112,128,.3);
|
||||
border-color: rgba(92,112,128,.3);
|
||||
}
|
||||
}
|
||||
|
||||
.skeleton{
|
||||
animation: skeleton-glow 1s linear infinite alternate;
|
||||
background: rgba(206,217,224,.3);
|
||||
background-clip: padding-box;
|
||||
border-color: rgba(206,217,224,.3);
|
||||
border-radius: 2px;
|
||||
|
||||
box-shadow: none;
|
||||
color: transparent;
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
}
|
||||
Reference in New Issue
Block a user