Browse Source

tweaks to corner labels

Former-commit-id: bffa3af6f3
Former-commit-id: baa4fd6071
pull/258/head
jlukic 11 years ago
parent
commit
6a21d09cb4
11 changed files with 26 additions and 39 deletions
  1. 2
      build/less/elements/input.less
  2. 11
      build/less/elements/label.less
  3. 1
      build/uncompressed/elements/input.css
  4. 11
      build/uncompressed/elements/label.css
  5. 2
      node/src/documents/elements/divider.html.eco
  6. 2
      node/src/files/build/less/elements/input.less
  7. 11
      node/src/files/build/less/elements/label.less
  8. 1
      node/src/files/build/uncompressed/elements/input.css
  9. 11
      node/src/files/build/uncompressed/elements/label.css
  10. 2
      src/elements/input.less
  11. 11
      src/elements/label.less

2
build/less/elements/input.less

@ -246,8 +246,6 @@
top: 1px;
right: 1px;
font-size: 0.7em;
-webkit-border-top-right-radius: 0.3125em;
-moz-border-top-right-radius: 0.3125em;
border-top-right-radius: 0.3125em;

11
build/less/elements/label.less

@ -390,8 +390,8 @@ a.ui.label:hover:before {
height: 0em;
border-top: 0em solid transparent;
border-right: 3.5em solid transparent;
border-bottom: 3.5em solid transparent;
border-right: 3.25em solid transparent;
border-bottom: 3.25em solid transparent;
border-left: 0em solid transparent;
border-right-color: inherit;
@ -404,8 +404,7 @@ a.ui.label:hover:before {
}
.ui.corner.label .icon {
margin: 0.65em 0em 0em 0.35em;
vertical-align: top;
margin: 0.5em 0em 0em 0.6em;
}
.ui.corner.label .text {
display: inline-block;
@ -430,8 +429,8 @@ a.ui.label:hover:before {
left: 0em;
}
.ui.left.corner.label:after {
border-top: 3.5em solid transparent;
border-right: 3.5em solid transparent;
border-top: 3.25em solid transparent;
border-right: 3.25em solid transparent;
border-bottom: 0em solid transparent;
border-left: 0em solid transparent;

1
build/uncompressed/elements/input.css

@ -180,7 +180,6 @@
.ui.labeled.input .corner.label {
top: 1px;
right: 1px;
font-size: 0.7em;
-webkit-border-top-right-radius: 0.3125em;
-moz-border-top-right-radius: 0.3125em;
border-top-right-radius: 0.3125em;

11
build/uncompressed/elements/label.css

@ -307,8 +307,8 @@ a.ui.label:hover:before {
width: 0em;
height: 0em;
border-top: 0em solid transparent;
border-right: 3.5em solid transparent;
border-bottom: 3.5em solid transparent;
border-right: 3.25em solid transparent;
border-bottom: 3.25em solid transparent;
border-left: 0em solid transparent;
border-right-color: inherit;
-webkit-transition: border-color 0.2s ease;
@ -318,8 +318,7 @@ a.ui.label:hover:before {
transition: border-color 0.2s ease;
}
.ui.corner.label .icon {
margin: 0.65em 0em 0em 0.35em;
vertical-align: top;
margin: 0.5em 0em 0em 0.6em;
}
.ui.corner.label .text {
display: inline-block;
@ -341,8 +340,8 @@ a.ui.label:hover:before {
left: 0em;
}
.ui.left.corner.label:after {
border-top: 3.5em solid transparent;
border-right: 3.5em solid transparent;
border-top: 3.25em solid transparent;
border-right: 3.25em solid transparent;
border-bottom: 0em solid transparent;
border-left: 0em solid transparent;
border-top-color: inherit;

2
node/src/documents/elements/divider.html.eco

@ -35,7 +35,7 @@ type : 'UI Element'
<div class="field">
<label>Username</label>
<div class="ui labeled icon input">
<input type="password" placeholder="Username">
<input type="text" placeholder="Username">
<i class="user icon"></i>
<div class="ui corner label">
<i class="asterisk icon"></i>

2
node/src/files/build/less/elements/input.less

@ -246,8 +246,6 @@
top: 1px;
right: 1px;
font-size: 0.7em;
-webkit-border-top-right-radius: 0.3125em;
-moz-border-top-right-radius: 0.3125em;
border-top-right-radius: 0.3125em;

11
node/src/files/build/less/elements/label.less

@ -390,8 +390,8 @@ a.ui.label:hover:before {
height: 0em;
border-top: 0em solid transparent;
border-right: 3.5em solid transparent;
border-bottom: 3.5em solid transparent;
border-right: 3.25em solid transparent;
border-bottom: 3.25em solid transparent;
border-left: 0em solid transparent;
border-right-color: inherit;
@ -404,8 +404,7 @@ a.ui.label:hover:before {
}
.ui.corner.label .icon {
margin: 0.65em 0em 0em 0.35em;
vertical-align: top;
margin: 0.5em 0em 0em 0.6em;
}
.ui.corner.label .text {
display: inline-block;
@ -430,8 +429,8 @@ a.ui.label:hover:before {
left: 0em;
}
.ui.left.corner.label:after {
border-top: 3.5em solid transparent;
border-right: 3.5em solid transparent;
border-top: 3.25em solid transparent;
border-right: 3.25em solid transparent;
border-bottom: 0em solid transparent;
border-left: 0em solid transparent;

1
node/src/files/build/uncompressed/elements/input.css

@ -180,7 +180,6 @@
.ui.labeled.input .corner.label {
top: 1px;
right: 1px;
font-size: 0.7em;
-webkit-border-top-right-radius: 0.3125em;
-moz-border-top-right-radius: 0.3125em;
border-top-right-radius: 0.3125em;

11
node/src/files/build/uncompressed/elements/label.css

@ -307,8 +307,8 @@ a.ui.label:hover:before {
width: 0em;
height: 0em;
border-top: 0em solid transparent;
border-right: 3.5em solid transparent;
border-bottom: 3.5em solid transparent;
border-right: 3.25em solid transparent;
border-bottom: 3.25em solid transparent;
border-left: 0em solid transparent;
border-right-color: inherit;
-webkit-transition: border-color 0.2s ease;
@ -318,8 +318,7 @@ a.ui.label:hover:before {
transition: border-color 0.2s ease;
}
.ui.corner.label .icon {
margin: 0.65em 0em 0em 0.35em;
vertical-align: top;
margin: 0.5em 0em 0em 0.6em;
}
.ui.corner.label .text {
display: inline-block;
@ -341,8 +340,8 @@ a.ui.label:hover:before {
left: 0em;
}
.ui.left.corner.label:after {
border-top: 3.5em solid transparent;
border-right: 3.5em solid transparent;
border-top: 3.25em solid transparent;
border-right: 3.25em solid transparent;
border-bottom: 0em solid transparent;
border-left: 0em solid transparent;
border-top-color: inherit;

2
src/elements/input.less

@ -246,8 +246,6 @@
top: 1px;
right: 1px;
font-size: 0.7em;
-webkit-border-top-right-radius: 0.3125em;
-moz-border-top-right-radius: 0.3125em;
border-top-right-radius: 0.3125em;

11
src/elements/label.less

@ -390,8 +390,8 @@ a.ui.label:hover:before {
height: 0em;
border-top: 0em solid transparent;
border-right: 3.5em solid transparent;
border-bottom: 3.5em solid transparent;
border-right: 3.25em solid transparent;
border-bottom: 3.25em solid transparent;
border-left: 0em solid transparent;
border-right-color: inherit;
@ -404,8 +404,7 @@ a.ui.label:hover:before {
}
.ui.corner.label .icon {
margin: 0.65em 0em 0em 0.35em;
vertical-align: top;
margin: 0.5em 0em 0em 0.6em;
}
.ui.corner.label .text {
display: inline-block;
@ -430,8 +429,8 @@ a.ui.label:hover:before {
left: 0em;
}
.ui.left.corner.label:after {
border-top: 3.5em solid transparent;
border-right: 3.5em solid transparent;
border-top: 3.25em solid transparent;
border-right: 3.25em solid transparent;
border-bottom: 0em solid transparent;
border-left: 0em solid transparent;

Loading…
Cancel
Save