Browse Source

Fix vertical input sizes, positioning inside menus. Add strict mode all modules

pull/1129/head
jlukic 10 years ago
parent
commit
06bf3023ff
19 changed files with 43 additions and 11 deletions
  1. 17
      src/definitions/collections/menu.less
  2. 2
      src/definitions/modules/accordion.js
  3. 2
      src/definitions/modules/chatroom.js
  4. 2
      src/definitions/modules/checkbox.js
  5. 4
      src/definitions/modules/dimmer.js
  6. 2
      src/definitions/modules/dropdown.js
  7. 2
      src/definitions/modules/dropdown.less
  8. 2
      src/definitions/modules/modal.js
  9. 2
      src/definitions/modules/nag.js
  10. 2
      src/definitions/modules/popup.js
  11. 2
      src/definitions/modules/rating.js
  12. 2
      src/definitions/modules/search.js
  13. 2
      src/definitions/modules/shape.js
  14. 2
      src/definitions/modules/sticky.js
  15. 2
      src/definitions/modules/tab.js
  16. 2
      src/definitions/modules/transition.js
  17. 2
      src/definitions/modules/video.js
  18. 2
      src/themes/packages/default/collections/menu.variables
  19. 1
      src/themes/packages/default/modules/dropdown.variables

17
src/definitions/collections/menu.less

@ -174,11 +174,9 @@
.ui.menu:not(.vertical) .item > .button {
position: relative;
top: @buttonOffset;
margin: -@buttonVerticalPadding 0;
padding-bottom: @buttonVerticalPadding;
padding-top: @buttonVerticalPadding;
font-size: @buttonSize;
}
@ -187,14 +185,15 @@
Inputs
---------------*/
.ui.menu .item > .input {
width: 100%;
}
.ui.menu:not(.vertical) .item > .input {
position: relative;
top: @inputOffset;
margin: @inputVerticalMargin 0em;
width: 100%;
}
.ui.menu:not(.vertical) .item > .input input {
.ui.menu .item > .input input {
font-size: @inputSize;
padding-top: @inputVerticalPadding;
padding-bottom: @inputVerticalPadding;
@ -207,21 +206,21 @@
}
/* Resizes */
.ui.small.menu:not(.vertical) .item > .input input {
.ui.small.menu .item > .input input {
top: @smallInputOffset;
padding-top: @smallInputVerticalPadding;
padding-bottom: @smallInputVerticalPadding;
}
.ui.large.menu:not(.vertical) .item > .input input {
.ui.large.menu .item > .input input {
top: @largeInputOffset;
padding-bottom: @largeInputVerticalPadding;
padding-top: @largeInputVerticalPadding;
}
.ui.large.menu:not(.vertical) .item .action.input > .button {
.ui.large.menu .item .action.input > .button {
padding: 0.9em;
}
.ui.large.menu:not(.vertical) .item .action.input > .button > .icon {
.ui.large.menu .item .action.input > .button > .icon {
padding-top: 0.8em;
}

2
src/definitions/modules/accordion.js

@ -11,6 +11,8 @@
;(function ($, window, document, undefined) {
"use strict";
$.fn.accordion = function(parameters) {
var
$allModules = $(this),

2
src/definitions/modules/chatroom.js

@ -11,6 +11,8 @@
;(function ($, window, document, undefined) {
"use strict";
$.fn.chatroom = function(parameters) {
var
$allModules = $(this),

2
src/definitions/modules/checkbox.js

@ -11,6 +11,8 @@
;(function ( $, window, document, undefined ) {
"use strict";
$.fn.checkbox = function(parameters) {
var
$allModules = $(this),

4
src/definitions/modules/dimmer.js

@ -11,6 +11,8 @@
;(function ( $, window, document, undefined ) {
"use strict";
$.fn.dimmer = function(parameters) {
var
$allModules = $(this),
@ -579,7 +581,7 @@ $.fn.dimmer.settings = {
className : {
active : 'active',
dimmable : 'ui dimmable',
dimmable : 'dimmable',
dimmed : 'dimmed',
disabled : 'disabled',
pageDimmer : 'page',

2
src/definitions/modules/dropdown.js

@ -11,6 +11,8 @@
;(function ( $, window, document, undefined ) {
"use strict";
$.fn.dropdown = function(parameters) {
var
$allModules = $(this),

2
src/definitions/modules/dropdown.less

@ -46,6 +46,7 @@
cursor: auto;
position: absolute;
display: none;
outline: none;
top: 100%;
margin: @menuMargin;
@ -331,6 +332,7 @@ select.ui.dropdown {
display: none;
}
.ui.selection.dropdown .menu > .item {
border-top: @selectionItemDivider;
padding-left: @selectionHorizontalPadding !important;
/* Add in spacing for scroll bar */
padding-right: calc(@selectionHorizontalPadding + 1em) !important;

2
src/definitions/modules/modal.js

@ -11,6 +11,8 @@
;(function ( $, window, document, undefined ) {
"use strict";
$.fn.modal = function(parameters) {
var
$allModules = $(this),

2
src/definitions/modules/nag.js

@ -11,6 +11,8 @@
;(function ($, window, document, undefined) {
"use strict";
$.fn.nag = function(parameters) {
var
$allModules = $(this),

2
src/definitions/modules/popup.js

@ -11,6 +11,8 @@
;(function ($, window, document, undefined) {
"use strict";
$.fn.popup = function(parameters) {
var
$allModules = $(this),

2
src/definitions/modules/rating.js

@ -11,6 +11,8 @@
;(function ($, window, document, undefined) {
"use strict";
$.fn.rating = function(parameters) {
var
$allModules = $(this),

2
src/definitions/modules/search.js

@ -11,6 +11,8 @@
;(function ($, window, document, undefined) {
"use strict";
$.fn.search = function(parameters) {
var
$allModules = $(this),

2
src/definitions/modules/shape.js

@ -11,6 +11,8 @@
;(function ( $, window, document, undefined ) {
"use strict";
$.fn.shape = function(parameters) {
var
$allModules = $(this),

2
src/definitions/modules/sticky.js

@ -11,6 +11,8 @@
;(function ( $, window, document, undefined ) {
"use strict";
$.fn.sticky = function(parameters) {
var
$allModules = $(this),

2
src/definitions/modules/tab.js

@ -11,6 +11,8 @@
;(function ($, window, document, undefined) {
"use strict";
$.tab = $.fn.tab = function(parameters) {
var

2
src/definitions/modules/transition.js

@ -11,6 +11,8 @@
;(function ( $, window, document, undefined ) {
"use strict";
$.fn.transition = function() {
var
$allModules = $(this),

2
src/definitions/modules/video.js

@ -11,6 +11,8 @@
;(function ($, window, document, undefined) {
"use strict";
$.fn.video = function(parameters) {
var

2
src/themes/packages/default/collections/menu.variables

@ -99,7 +99,7 @@
@inputSize: 1em;
@inputVerticalMargin: -0.6em;
@inputOffset: 0em;
@inputVerticalPadding: 0.35em;
@inputVerticalPadding: 0.4em;
@smallInputOffset: 0em;
@smallInputVerticalPadding: 0.4em;

1
src/themes/packages/default/modules/dropdown.variables

@ -99,6 +99,7 @@ b Types
@selectionMinWidth: 180px;
@selectionBackground: @white;
@selectionDisplay: inline-block;
@selectionItemDivider: 1px solid rgba(0, 0, 0, 0.05);
@selectionVerticalPadding: 0.8em;
@selectionHorizontalPadding: 1.1em;
@selectionPadding: @selectionVerticalPadding @selectionHorizontalPadding;

Loading…
Cancel
Save