Overview
Comment:Fix checkbox sending back to top of the page
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | dev
Files: files | file ages | folders
SHA1: 33290306f7ca48ca18fc573d64ac0174a52b0b53
User & Date: bohwaz on 2020-11-18 13:08:12
Other Links: branch diff | manifest | tags
Context
2020-11-18
13:51
Improve/fix checking of all checkboxes in a table check-in: 75e626819a user: bohwaz tags: dev
13:08
Fix checkbox sending back to top of the page check-in: 33290306f7 user: bohwaz tags: dev
13:03
Fix error when there is no error :) check-in: 36836b35a5 user: bohwaz tags: dev
Changes

Modified src/www/admin/static/styles/03-forms.css from [0ae7a9cd25] to [be41b4ae73].

89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
    text-align: center;
    padding: .2em 0;
}

/* Fake checkbox and radio buttons */
input[type=checkbox], input[type=radio] {
    position: absolute;
    top: -9999px;
}

input[type=checkbox] + label::before, input[type=radio] + label::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;







|







89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
    text-align: center;
    padding: .2em 0;
}

/* Fake checkbox and radio buttons */
input[type=checkbox], input[type=radio] {
    position: absolute;
    opacity: 0;
}

input[type=checkbox] + label::before, input[type=radio] + label::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
}

input:hover + label::before {
    color: rgb(var(--gSecondColor));
}

input:checked + label::before {
    color: rgb(var(--gSecondColor));
    text-shadow: 1px 1px 10px #ff9;
}

input:focus, button:focus, select:focus, textarea:focus, input[type=radio]:focus + label::before, input[type=checkbox]:focus + label::before {
    box-shadow: 0 0 5px .2rem rgb(var(--gSecondColor));
    outline: 0;
}








<
|







130
131
132
133
134
135
136

137
138
139
140
141
142
143
144
}

input:hover + label::before {
    color: rgb(var(--gSecondColor));
}

input:checked + label::before {

    text-shadow: 1px 1px 5px #ff9;
}

input:focus, button:focus, select:focus, textarea:focus, input[type=radio]:focus + label::before, input[type=checkbox]:focus + label::before {
    box-shadow: 0 0 5px .2rem rgb(var(--gSecondColor));
    outline: 0;
}