Merge branch '22466-task-list-alignment' into 'master'
Align Task List Checkboxes Closes #22466 See merge request !6487
This commit is contained in:
commit
e7a64ec384
|
@ -96,16 +96,6 @@ ul.unstyled-list > li {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.task-list {
|
|
||||||
li.task-list-item {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul:not(.task-list) {
|
|
||||||
padding-left: 1.3em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Generic content list
|
// Generic content list
|
||||||
ul.content-list {
|
ul.content-list {
|
||||||
@include basic-list;
|
@include basic-list;
|
||||||
|
|
|
@ -76,6 +76,13 @@
|
||||||
#{$property}: $value;
|
#{$property}: $value;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* http://phrappe.com/css/conditional-css-for-webkit-based-browsers/ */
|
||||||
|
@mixin on-webkit-only {
|
||||||
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||||
|
@content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@mixin keyframes($animation-name) {
|
@mixin keyframes($animation-name) {
|
||||||
@-webkit-keyframes #{$animation-name} {
|
@-webkit-keyframes #{$animation-name} {
|
||||||
@content;
|
@content;
|
||||||
|
|
|
@ -134,7 +134,7 @@
|
||||||
ul,
|
ul,
|
||||||
ol {
|
ol {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 3px 0 3px 28px !important;
|
margin: 3px 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul:dir(rtl),
|
ul:dir(rtl),
|
||||||
|
@ -144,6 +144,29 @@
|
||||||
|
|
||||||
li {
|
li {
|
||||||
line-height: 1.6em;
|
line-height: 1.6em;
|
||||||
|
margin-left: 25px;
|
||||||
|
padding-left: 3px;
|
||||||
|
|
||||||
|
/* Normalize the bullet position on webkit. */
|
||||||
|
@include on-webkit-only {
|
||||||
|
margin-left: 28px;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.task-list {
|
||||||
|
li.task-list-item {
|
||||||
|
list-style-type: none;
|
||||||
|
position: relative;
|
||||||
|
padding-left: 28px;
|
||||||
|
margin-left: 0 !important;
|
||||||
|
|
||||||
|
input.task-list-item-checkbox {
|
||||||
|
position: absolute;
|
||||||
|
left: 8px;
|
||||||
|
top: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a[href*="/uploads/"],
|
a[href*="/uploads/"],
|
||||||
|
|
|
@ -0,0 +1,4 @@
|
||||||
|
---
|
||||||
|
title: Align task list checkboxes
|
||||||
|
merge_request: 6487
|
||||||
|
author: Jared Deckard <jared.deckard@gmail.com>
|
Loading…
Reference in New Issue