g_it/theming
g_it/theming
1
0
Fork 0
Code Activity

update: Widgets and menu styling

Browse source
This commit is contained in:
Ronan 2020-01-17 17:25:07 +01:00
commit 94444594ab
20 changed files with 230 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

11
stylesheets/components/_card.less Normal file
View file

@ -0,0 +1,11 @@
.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);
.card-content {
.card-title {
}
}
}

7
stylesheets/components/_header.less Normal file
View file

@ -0,0 +1,7 @@
nav {
box-shadow: none !important;
.nav-wrapper {
border-bottom: 1px solid #dadce0;
}
}

32
stylesheets/components/_menu.less Normal file
View file

@ -0,0 +1,32 @@
#secondNavBar {
ul {
& > li > ul > li.active > .item {
background-color: #e8f0fe !important;
}
li {
&.active > a {
background-color: #e8eaed !important;
}
a {
border-radius: 0 50em 50em 0;
font-weight: 500;
font-size: 14px;
//letter-spacing: .25px;
color: rgba(0,0,0,0.54);
&:focus {
outline: none !important;
}
&:hover {
background-color: #dadce1 !important;
transition: .2s ease all;
}
}
}
}
}

4
stylesheets/components/_search.less Normal file
View file

@ -0,0 +1,4 @@
.quick-access {
background-color: transparent;
box-shadow: none !important;
}

24
stylesheets/components/_sparkline.less Normal file
View file

@ -0,0 +1,24 @@
// sparkline colors
.sparkline-colors[data-name=backgroundColor] {
color: white;
}
.sparkline-colors[data-name=lineColor] {
color: #058DC7;
}
.sparkline-colors[data-name=minPointColor] {
color: #058DC7 //darken(#058DC7, 10);
}
.sparkline-colors[data-name=maxPointColor] {
color: #058DC7 //darken(#058DC7, 10);
}
.sparkline-colors[data-name=lastPointColor] {
color: white; //hidden
}
.sparkline-colors[data-name=fillColor] {
color: lighten(#058DC7, 55);
}

44
stylesheets/components/_widget.less Normal file
View file

@ -0,0 +1,44 @@
.widget {
background-color: transparent;
box-shadow: none;
border: none !important;
&:hover {
box-shadow: none;
}
.widgetTop {
border: none;
background-color: transparent;
padding: 0 !important;
.buttons {
background: @theme-color-background-base;
top: 4px;
right: 0;
padding-left: 0;
.button {
margin-top: 0px;
&:first-child {
margin-right: 0;
}
}
}
.widgetName {
padding: 0 0 15px 0 !important;
font-weight: 300;
color: #4a4a4a;
}
}
.widgetContent {
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);
}
}