Browse Source

Fix input to work with basic label, fix basic label hover, add left labeled button

pull/2755/head
jlukic 9 years ago
parent
commit
c2cfd765f4
4 changed files with 23 additions and 3 deletions
  1. 21
      src/definitions/elements/button.less
  2. 2
      src/definitions/elements/input.less
  3. 2
      src/definitions/elements/label.less
  4. 1
      src/themes/default/elements/button.variables

21
src/definitions/elements/button.less

@ -378,18 +378,35 @@
.ui.labeled.button > .button {
margin: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.ui.labeled.button > .label {
margin: 0px 0px 0px -@borderBoxShadowWidth;
font-size: @labeledLabelFontSize;
padding: @labeledLabelPadding;
font-size: @labeledLabelFontSize;
border-color: @labeledLabelBorderColor;
}
/* Right */
.ui.labeled.button:not([class*="left labeled"]) > .button {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.ui.labeled.button:not([class*="left labeled"]) > .label {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
/* Left Side */
.ui[class*="left labeled"].button > .button {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.ui[class*="left labeled"].button > .label {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
/*-------------------
Social
--------------------*/

2
src/definitions/elements/input.less

@ -322,6 +322,7 @@
border-bottom-left-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > .label {
border-right: none;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
@ -333,6 +334,7 @@
border-bottom-right-radius: 0px !important;
}
.ui[class*="right labeled"].input > .label {
border-left: none;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}

2
src/definitions/elements/label.less

@ -962,7 +962,7 @@ a.ui.black.label:hover:before {
color: @basicColor;
box-shadow: @basicBoxShadow;
}
.ui.basic.label:hover {
a.ui.basic.label:hover {
text-decoration: none;
background: @basicHoverBackground;
color: @basicHoverColor;

1
src/themes/default/elements/button.variables

@ -160,6 +160,7 @@
@iconButtonOpacity: 0.9;
/* Labeled */
@labeledLabelFontSize: @medium;
@labeledLabelPadding: @verticalPadding @horizontalPadding;
@labeledLabelFontSize: @relativeMedium;
@labeledLabelBorderColor: @borderColor;

Loading…
Cancel
Save