123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295 |
- @mixin base-common {
-
- &.v-app {
- height: 100%;
- }
- /* Force arrow cursor for all elements inside the app */
- &.v-app,
- .v-window,
- .v-popupview-popup,
- .v-label,
- .v-caption {
- cursor: default;
- }
- /* add box-shadows to overlay elements */
- .v-window {
- box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .5);
- }
- .v-datefield-popup,
- .v-filterselect-suggestpopup,
- .v-menubar-popup,
- .v-slider-feedback,
- .v-popupview-popup,
- .v-contextmenu {
- box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5);
- }
-
- body &.v-app .v-app-loading {
- /* You can use this to provide indication for the user that the application is loading. */
- /* It is applied to the same element as .v-app */
- background-image: url(img/loading-indicator.gif);
- background-repeat: no-repeat;
- background-position: 50%;
- width: 100%;
- height: 100%;
- }
- .v-ui {
- height: 100%;
- width: 100%;
- /* avoid scrollbars with margins in root layout */
- outline: none;
- position: relative;
- }
- /* Prevent margin collapse */
- .v-ui.v-ui-embedded {
- margin-top: -1px;
- border-top: 1px solid transparent;
- }
- /**
- * Try to handle printing somehow. Reasonable printing support
- * needs application specific planning and CSS tuning.
- */
- /* Disabled for now, see #10336
- @media print {
- .v-generated-body {
- height: auto;
- min-height: 20cm;
- overflow: visible;
- }
- .v-app {
- height: auto;
- min-height: 20cm;
- }
- .v-ui {
- overflow: visible;
- }
- .v-gridlayout {
- overflow: visible !important;
- }
- }
- */
-
- .v-ui:active,
- .v-ui:focus {
- outline: none;
- }
- &.v-app select,
- .v-window select {
- margin: 0;
- }
- .v-disabled {
- opacity: .3;
- filter: alpha(opacity=30);
- cursor: default;
- }
- .v-disabled * {
- cursor: default;
- }
- * html & .v-disabled {
- zoom: 1;
- }
- *+html & .v-disabled {
- zoom: 1;
- }
- .v-disabled .v-disabled {
- opacity: 1;
- }
- .v-required-field-indicator {
- padding-left: 2px;
- color: red;
- }
- .v-form fieldset {
- border: none;
- padding: 0;
- margin: 0;
- height: 100%;
- }
- .v-form-content {
- height: 100%;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
-
- /* Field modified */ /* Disabled by default
- .v-modified,
- .v-richtextarea.v-modified iframe.gwt-RichTextArea,
- .v-checkbox.v-modified,
- .v-modified .v-select-option,
- .v-modified .v-textfield,
- .v-modified .v-datefield-calendarpanel,
- .v-modified .v-select-select,
- .v-modified .v-select-twincol-selections,
- .v-modified .v-select-twincol-options,
- .v-modified .v-slider-base {
- background: #ffffe0;
- }
- */
- .v-tooltip {
- cursor: default;
- background: #fff;
- box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5);
- }
- .v-tooltip-text {
- overflow: auto;
- pre {
- margin: 0px;
- }
- }
- .v-tooltip .v-errormessage {
- overflow: auto;
- }
- .v-contextmenu {
- background: #fff;
- }
- .v-contextmenu .gwt-MenuItem {
- cursor: pointer;
- vertical-align: middle;
- padding: 0;
- border: 0;
- margin: 0;
- }
-
- .v-contextmenu .gwt-MenuBar {
- overflow-y: auto;
- overflow-x: hidden;
- }
-
- .v-contextmenu .gwt-MenuItem div {
- cursor: pointer;
- vertical-align: middle;
- white-space: nowrap;
- }
- .v-contextmenu .gwt-MenuItem-selected div {
- background: #aaa;
- color: #fff;
- }
- .v-contextmenu table {
- border-collapse: collapse;
- margin: 0;
- padding: 0;
- }
- .v-contextmenu .gwt-MenuItem img {
- margin-right: 1em;
- vertical-align: middle;
- }
- /* Margins are not supported within Label */
- .v-label pre {
- margin: 0;
- }
- /* A label with undefined width is always considered to be on one line */
- .v-label-undef-w {
- white-space: nowrap;
- }
- /* Revert line-height for heading elements inside labels */
- .v-label h1,
- .v-label h2,
- .v-label h3,
- .v-label h4,
- .v-label h5,
- .v-label h6 {
- line-height: normal;
- }
- /* Loading indicator states
- * Note: client side expects that loading indicator has a height. It depends on
- * this css property to ensure browsers have applied all required styles.
- */
- .v-loading-indicator,
- .v-loading-indicator-delay,
- .v-loading-indicator-wait {
- position: absolute;
- top: 0;
- right: 0;
- z-index: 30000;
- width: 31px;
- height: 31px;
- background: transparent url(img/loading-indicator.gif);
- margin-right: 5px;
- margin-top: 5px;
- }
- .v-loading-indicator-delay {
- background-image: url(img/loading-indicator-delay.gif);
- }
- .v-loading-indicator-wait {
- background-image: url(img/loading-indicator-wait.gif);
- }
- /* Fix for Liferay, issue #2384 */
- &.v-app input[type="text"],
- &.v-app input[type="password"],
- &.v-app input[type="reset"],
- &.v-app select,
- &.v-app textarea ,
- .v-window input[type="text"],
- .v-window input[type="password"],
- .v-window input[type="reset"],
- .v-window select,
- .v-window textarea {
- padding: 2px;
- }
-
- /* Removes clear button from input fields */
- input::-ms-clear {
- display: none;
- }
-
- .v-drag-element {
- z-index: 60000;
- /* override any other position: properties */
- position: absolute !important;
- opacity: 0.5;
- filter: alpha(opacity=50);
- cursor: default;
- }
-
- .v-clip {
- overflow: hidden;
- }
-
- .v-scrollable {
- overflow: auto;
- font-size: 0;
- line-height: normal;
- }
- /* Set font-size in order to make Firefox scrolling better #11353 */
- .v-ff & .v-scrollable {
- font-size: $font-size;
- }
- .v-ios.v-webkit & .v-scrollable {
- -webkit-overflow-scrolling: touch;
- }
- /* Disable native scrolling on iOS 5 due to #8792 */
- .v-ios5.v-webkit & .v-scrollable {
- -webkit-overflow-scrolling: none;
- }
-
- /* "Unnecessary scrollbar" related fixes (#14631, copied from Valo) */
- .v-scrollable.v-panel-content > .v-widget {
- /* This is needed for IE */
- vertical-align: middle;
-
- /* Needed for all browsers. Can't really show anything outside the
- * scrolling area anyway, so we can safely hide any overflow */
- overflow: hidden;
- }
-
-
-
- &.v-overlay-container {
- width: 0;
- height: 0;
- }
-
- }
-
- /* Outside the base mixin because elements might be added directly to the body */
- .v-assistive-device-only {
- position: absolute;
- top: -2000px;
- left: -2000px;
- width: 10px;
- overflow: hidden;
- }
- /* fix for #14681 - mobile safari 8 sometimes displayed text cursor on that element */
- .v-radiobutton {
- -webkit-user-select: none;
- }
|