Browse Source

Forgetting implementing `both sides labeled`

pull/2922/head
Alberto Maturano 9 years ago
parent
commit
0d92b4f6ac
1 changed files with 5 additions and 18 deletions
  1. 23
      src/definitions/elements/input.less

23
src/definitions/elements/input.less

@ -329,36 +329,23 @@
}
/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label {
.ui.labeled.input:not([class*="corner labeled"]) .label:nth-child(1) {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
/* Regular Label on Right */
.ui[class*="right labeled"].input > input {
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.ui[class*="right labeled"].input > .label {
.ui.labeled.input:not([class*="corner labeled"]) .label:nth-child(1) + input {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
/* Regular Labels on Both Sides */
.ui.both.sides.labeled.input > input {
/* Regular Label on Right */
.ui.right.labeled.input input {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.ui.both.sides.labeled.input > input + .label {
.ui.right.labeled.input input + .label {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
/* Redo input's radius removed by the "left label" */
border-top-right-radius: @borderRadius;
border-bottom-right-radius: @borderRadius;
}
/* Corner Label */

Loading…
Cancel
Save