Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Update css/bootstrap-timepicker.css #84

Merged
merged 1 commit into from

2 participants

@jdewit jdewit merged commit 5805646 into from
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Feb 14, 2013
  1. @marsuboss
This page is out of date. Refresh to see the latest.
Showing with 55 additions and 35 deletions.
  1. +55 −35 css/bootstrap-timepicker.css
View
90 css/bootstrap-timepicker.css
@@ -8,6 +8,21 @@
* For the full copyright and license information, please view the LICENSE
* file that was distributed with this source code.
*/
+.bootstrap-timepicker {
+ position: relative;
+}
+.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
+ left: auto;
+ right: 0;
+}
+.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
+ left: auto;
+ right: 12px;
+}
+.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
+ left: auto;
+ right: 13px;
+}
.bootstrap-timepicker .add-on {
cursor: pointer;
}
@@ -16,8 +31,14 @@
width: 16px;
height: 16px;
}
-.bootstrap-timepicker .dropdown-menu .dropdown-menu:before {
- border-bottom: 7px solid rgba(0, 0, 0, 0.2);
+.bootstrap-timepicker-widget.dropdown-menu {
+ padding: 2px 3px 2px 2px;
+}
+.bootstrap-timepicker-widget.dropdown-menu.open {
+ display: inline-block;
+}
+.bootstrap-timepicker-widget.dropdown-menu:before {
+ border-bottom: 7px solid rgba(0,0,0,0.2);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
@@ -26,8 +47,8 @@
position: absolute;
top: -7px;
}
-.bootstrap-timepicker .dropdown-menu .dropdown-menu:after {
- border-bottom: 6px solid #FFFFFF;
+.bootstrap-timepicker-widget.dropdown-menu:after {
+ border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
@@ -36,53 +57,35 @@
position: absolute;
top: -6px;
}
-.bootstrap-timepicker .dropdown-menu .pull-right .dropdown-menu,
-.bootstrap-timepicker .dropdown-menu .dropdown-menu.pull-right {
- left: auto;
- right: 0;
-}
-.bootstrap-timepicker .dropdown-menu .pull-right .dropdown-menu:before,
-.bootstrap-timepicker .dropdown-menu .dropdown-menu.pull-right:before {
- left: auto;
- right: 12px;
-}
-.bootstrap-timepicker .dropdown-menu .pull-right .dropdown-menu:after,
-.bootstrap-timepicker .dropdown-menu .dropdown-menu.pull-right:after {
- left: auto;
- right: 13px;
-}
-.bootstrap-timepicker.modal {
- top: 30%;
- margin-top: 0;
- width: 200px;
- margin-left: -100px;
-}
-.bootstrap-timepicker.modal .modal-content {
- padding: 0;
+.bootstrap-timepicker-widget a.btn,.bootstrap-timepicker-widget input {
+ border-radius: 4px;
}
-.bootstrap-timepicker table {
+.bootstrap-timepicker-widget table {
width: 100%;
margin: 0;
}
-.bootstrap-timepicker table td {
+.bootstrap-timepicker-widget table td {
text-align: center;
height: 30px;
margin: 0;
padding: 2px;
}
-.bootstrap-timepicker table td span {
+.bootstrap-timepicker-widget table td:not(.separator) {
+ min-width: 30px;
+}
+.bootstrap-timepicker-widget table td span {
width: 100%;
}
-.bootstrap-timepicker table td a {
+.bootstrap-timepicker-widget table td a {
border: 1px transparent solid;
- width: 3em;
+ width: 100%;
display: inline-block;
margin: 0;
padding: 8px 0;
outline: 0;
color: #333;
}
-.bootstrap-timepicker table td a:hover {
+.bootstrap-timepicker-widget table td a:hover {
text-decoration: none;
background-color: #eee;
-webkit-border-radius: 4px;
@@ -90,11 +93,28 @@
border-radius: 4px;
border-color: #ddd;
}
-.bootstrap-timepicker table td a i {
+.bootstrap-timepicker-widget table td a i {
margin-top: 2px;
}
-.bootstrap-timepicker table td input {
+.bootstrap-timepicker-widget table td input {
width: 25px;
margin: 0;
text-align: center;
}
+.bootstrap-timepicker-widget .modal-content {
+ padding: 4px;
+}
+@media(min-width:767px) {
+ .bootstrap-timepicker-widget.modal {
+ width: 200px;
+ margin-left: -100px;
+ }
+}
+@media(max-width:767px) {
+ .bootstrap-timepicker {
+ width: 100%;
+ }
+ .bootstrap-timepicker .dropdown-menu {
+ width: 100%;
+ }
+}
Something went wrong with that request. Please try again.