Skip to content

Commit 6d15012

Browse files
committed
feat: add hover effect to all users
1 parent 6520c7c commit 6d15012

File tree

2 files changed

+14
-7
lines changed

2 files changed

+14
-7
lines changed

public/css/clustermap.css

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,6 +67,7 @@ body {
6767
}
6868

6969
.round-img {
70+
position: relative;
7071
width: 60px;
7172
height: 60px;
7273
border-radius: 50%;
@@ -75,6 +76,12 @@ body {
7576
object-position: center;
7677
background: rgba(0, 0, 0, 0);
7778
border: 3px solid var(--active-color);
79+
transition: transform 0.1s;
80+
}
81+
82+
.round-img:hover {
83+
z-index: 10;
84+
transform: scale(1.5);
7885
}
7986

8087
.round-img.session-exam {
@@ -94,7 +101,7 @@ body {
94101
.empty-exam-host {
95102
fill: var(--exam-inactive-color);
96103
color: var(--exam-inactive-color);
97-
transform: scale(1.5);
104+
transform: scale(1.3);
98105
}
99106

100107
.empty-host-drag {
@@ -106,7 +113,7 @@ body {
106113
.dead-host {
107114
fill: var(--danger-color);
108115
color: var(--danger-color);
109-
transform: scale(2);
116+
transform: scale(1.5);
110117
}
111118

112119
.download-button {

src/elm/clustermap/Main.elm

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,7 @@ calcMapSettings window { class, orientation } =
145145
Phone ->
146146
case orientation of
147147
Portrait ->
148-
Clustermap.MapSettings height width 40 12
148+
Clustermap.MapSettings height width 42 12
149149

150150
Landscape ->
151151
Clustermap.MapSettings height width 26 8
@@ -161,18 +161,18 @@ calcMapSettings window { class, orientation } =
161161
Desktop ->
162162
case orientation of
163163
Portrait ->
164-
Clustermap.MapSettings height width 45 15
164+
Clustermap.MapSettings height width 48 15
165165

166166
Landscape ->
167-
Clustermap.MapSettings height width 45 15
167+
Clustermap.MapSettings height width 48 15
168168

169169
BigDesktop ->
170170
case orientation of
171171
Portrait ->
172-
Clustermap.MapSettings height width 60 20
172+
Clustermap.MapSettings height width 55 20
173173

174174
Landscape ->
175-
Clustermap.MapSettings height width 60 20
175+
Clustermap.MapSettings height width 55 20
176176

177177

178178
update : Msg -> Model -> ( Model, Cmd Msg )

0 commit comments

Comments
 (0)