update: Change cards design and write documentation

This commit is contained in:
Ronan 2020-01-22 12:11:33 +01:00
commit 9bd80e41eb
19 changed files with 138 additions and 16 deletions

View file

@ -0,0 +1,3 @@
.userListFilters {
margin-bottom: 20px !important;
}

View file

@ -0,0 +1,9 @@
.btn, input[type="button"], .button {
box-shadow: none;
text-decoration: none;
&:hover {
opacity: 0.8;
box-shadow: none;
}
}

View file

@ -1,11 +1,21 @@
.card {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
//box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
box-shadow: none;
border: 1px solid #e6e6e6;
border-radius: 8px;
overflow: hidden;
.card-content {
padding: 5px 20px 20px 20px !important;
}
.card-title {
}
.card-table {
margin: 0 -20px !important;
border: 0;
}
.enrichedHeadline .title, .card-title {
position: relative;
font-weight: 300 !important;
}
}

View file

@ -0,0 +1,25 @@
#root .borderedControl {
background-color: transparent;
border: 1px solid #e6e6e6; //#dadce1;
box-shadow: none;
transition: .2s ease all;
border-radius: 3px;
font-size: 11px;
font-weight: bold;
color: rgba(0, 0, 0, .65) !important;
min-width: 18px;
.title {
color: rgba(0, 0, 0, .65) !important;
}
&:hover {
transition: .2s ease all;
background: #e6e6e6 !important;
color: rgba(0, 0, 0, .75) !important;
.title {
color: rgba(0, 0, 0, .75) !important;
}
}
}

View file

@ -16,7 +16,8 @@
font-weight: 500;
font-size: 14px;
//letter-spacing: .25px;
color: rgba(0,0,0,0.54);
color: rgba(0, 0, 0, 0.54);
padding: 9px 21px 10px 19px !important;
&:focus {
outline: none !important;
@ -29,4 +30,8 @@
}
}
}
}
#root #secondNavBar .navbar > li > ul li .item {
padding-left: 65px !important;
}

View file

@ -0,0 +1,9 @@
.theWidgetContent h2 {
font-weight: 300 !important;
}
.dataTableVizVisitorLog .card {
box-shadow: none;
border: 1px solid #e6e6e6;
border-radius: 8px;
}

View file

@ -35,10 +35,21 @@
}
.widgetContent {
border-radius: 2px;
background-color: #ffffff;
/*border-radius: 2px;
border: none;
padding: 14px;
background-color: #ffffff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);*/
padding-top: 15px;
box-shadow: none;
border: 1px solid #e6e6e6;
border-radius: 8px;
overflow: hidden;
.dataTable, .card {
margin-top: -15px;
border: none !important;
}
}
}