Project

General

Profile

« Previous | Next » 

Revision 57956

[Monitor Dashboard | Trunk]: Hide Controls: add a border on hover

View differences:

dashboard-custom.css
47 47
  position: fixed;
48 48
  z-index: 1205;
49 49
  width: 320px;
50
  background: rgba(240,240,240,0);
50
  height: 45px;
51
  background: rgba(0,0,0,0);
51 52
}
52 53

  
53 54
@media only screen and (max-width: 767px) {
......
56 57
  }
57 58
}
58 59

  
59
.dashboard #hide_controls > *{
60
  padding: 5px;
60
.dashboard #hide_controls * {
61
  color: #646a6f;
61 62
}
62 63

  
64
.dashboard #hide_controls:hover * {
65
  color: #0d47a1;
66
}
67

  
68
.dashboard #hide_controls:hover .material-icons  {
69
  border: #0d47a1 solid 1px;
70
}
71

  
72
.dashboard #hide_controls > * {
73
  margin-left: 5px;
74
  margin-top: 5px;
75
}
76

  
63 77
.dashboard .sidebar_main_active #hide_controls {
64 78
  border-top: 1px solid rgba(0,0,0,.30);
65 79
}
......
69 83
  -webkit-transform: rotate(0deg);
70 84
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
71 85
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
86
  background: rgba(0, 0, 0, 0);
87
  border-radius: 50%;
88
  border: rgba(0, 0, 0, 0) solid 1px;
72 89
}
73 90

  
74 91
.dashboard .sidebar_main_active #hide_controls .material-icons {

Also available in: Unified diff