Download as
Browse Code »

Commit bb9c8e9963f7e15a42c5be0802f50feef00abecb

Authored by Victor Costa
1 parent 40f79235
Exists in theme-brasil-digital-from-staging and in 9 other branches angular_poc, api-article-archived, backup-7-jan-2016, captcha_serpro_plugin, login-captcha, production, resend_confirmation_email, staging, staging_rails3

Move block store css to a separated file

Showing 3 changed files with 86 additions and 78 deletions   Show diff stats
app/helpers/layout_helper.rb
  Diff comments   View file @bb9c8e9
... ... @@ -49,6 +49,7 @@ module LayoutHelper
49 49 'selectordie',
50 50 'inputosaurus',
51 51 'chat',
  52 + 'block-store',
52 53 pngfix_stylesheet_path,
53 54 ] + tokeninput_stylesheets
54 55 plugins_stylesheets = @plugins.select(&:stylesheet?).map { |plugin| plugin.class.public_path('style.css') }
... ...
public/stylesheets/application.css
  Diff comments   View file @bb9c8e9
... ... @@ -1795,88 +1795,10 @@ a.button.disabled, input.disabled {
1795 1795 .invisible-block a.icon-button {
1796 1796 position: relative;
1797 1797 }
1798   -/************************************************
1799   - * the handles to where you can drag the blocks *
1800   - ************************************************/
1801   -
1802   -.block-target {
1803   - padding: 2px;
1804   - background: #81FF9B;
1805   - margin-bottom: 5px;
1806   - opacity: 0.8;
1807   - visibility: hidden;
1808   - height: 0;
1809   - font-size: 20px;
1810   - font-weight: bold;
1811   - color: white;
1812   - text-align: center;
1813   -}
1814   -.block-target-hover {
1815   - border: 1px solid #000;
1816   - box-shadow: 0 0 15px #888 inset;
1817   - opacity: 1;
1818   -}
1819   -.block-target-hover, .block-target-active {
1820   - visibility: visible;
1821   - height: 30px;
1822   -}
1823 1798 /*************************************************************
1824 1799 * put borders around boxes and blocks when organizing boxes *
1825 1800 *************************************************************/
1826 1801  
1827   -#content #block-store .block-type {
1828   - position: relative;
1829   - border: 0px solid #AAA;
1830   - margin: 4px 0;
1831   - padding: 0;
1832   - text-align: center;
1833   - height: auto;
1834   - float: none;
1835   - display: inline-block;
1836   - overflow: hidden;
1837   - width: 112px;
1838   - cursor: move;
1839   - vertical-align: top;
1840   -}
1841   -#block-store .block-type:hover {
1842   - box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 2px #FFF, 0px 0px 10px rgba(0,0,0,0.6);
1843   - outline: none;
1844   -}
1845   -#block-store .block-type:hover .button-bar {
1846   - display: inline;
1847   -}
1848   -#block-store .button-bar {
1849   - margin: 0;
1850   - display: none;
1851   - position: absolute;
1852   - right: 0%;
1853   - border: 0px solid #AAA;
1854   - margin: 0px;
1855   - padding: 0px;
1856   -}
1857   -#block-store .button-bar .icon-help {
1858   - font-size: 0;
1859   - width: 0;
1860   -}
1861   -
1862   -#block-store .block-type .block-type-icon {
1863   - margin-right: auto;
1864   - margin-left: auto;
1865   -}
1866   -#block-store #block-store-draggables .block-type {
1867   - display: inline-block;
1868   - z-index: 100;
1869   -}
1870   -#block-store #block-store-draggables .block-type .button-bar {
1871   - visibility: hidden;
1872   -}
1873   -#box-organizer.shadow .block {
1874   - opacity: 0.2;
1875   -}
1876   -#box-organizer .block {
1877   - transition: opacity 0.3s ease-in-out;
1878   -}
1879   -
1880 1802 #box-organizer div.box {
1881 1803 background-repeat: no-repeat;
1882 1804 background-position: top right;
... ...
public/stylesheets/block-store.css 0 → 100644
  Diff comments   View file @bb9c8e9
... ... @@ -0,0 +1,85 @@
  1 +/************************************************
  2 + * the handles to where you can drag the blocks *
  3 + ************************************************/
  4 +
  5 +.block-target {
  6 + padding: 2px;
  7 + background: #81FF9B;
  8 + margin-bottom: 5px;
  9 + opacity: 0.8;
  10 + visibility: hidden;
  11 + height: 0;
  12 + font-size: 20px;
  13 + font-weight: bold;
  14 + color: white;
  15 + text-align: center;
  16 +}
  17 +.block-target-hover {
  18 + border: 1px solid #000;
  19 + box-shadow: 0 0 15px #888 inset;
  20 + opacity: 1;
  21 +}
  22 +.shadow .block-target-hover, .shadow .block-target-active {
  23 + visibility: visible;
  24 + height: 30px;
  25 +}
  26 +
  27 +/************************************************
  28 + * block store styles
  29 + ************************************************/
  30 +#content #block-store .block-type {
  31 + position: relative;
  32 + border: 0px solid #AAA;
  33 + margin: 4px 0;
  34 + padding: 0;
  35 + text-align: center;
  36 + height: auto;
  37 + float: none;
  38 + display: inline-block;
  39 + overflow: hidden;
  40 + width: 112px;
  41 + cursor: move;
  42 + vertical-align: top;
  43 +}
  44 +#block-store .block-type:hover {
  45 + box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 2px #FFF, 0px 0px 10px rgba(0,0,0,0.6);
  46 + outline: none;
  47 +}
  48 +#block-store .block-type:hover .button-bar {
  49 + display: inline;
  50 +}
  51 +#block-store .button-bar {
  52 + margin: 0;
  53 + display: none;
  54 + position: absolute;
  55 + right: 0%;
  56 + border: 0px solid #AAA;
  57 + margin: 0px;
  58 + padding: 0px;
  59 +}
  60 +#block-store .button-bar .icon-help {
  61 + font-size: 0;
  62 + width: 0;
  63 +}
  64 +
  65 +#block-store .block-type .block-type-icon {
  66 + margin-right: auto;
  67 + margin-left: auto;
  68 +}
  69 +#block-store-draggables .block-type, #block-store-draggables .block {
  70 + display: inline-block;
  71 + height: auto;
  72 + z-index: 100;
  73 +}
  74 +#block-store-draggables .block-type .button-bar {
  75 + visibility: hidden;
  76 +}
  77 +#box-organizer.shadow .block {
  78 + opacity: 0.2;
  79 +}
  80 +#box-organizer.shadow .ui-draggable-dragging {
  81 + opacity: 1;
  82 +}
  83 +#box-organizer .block {
  84 + transition: opacity 0.3s ease-in-out;
  85 +}
... ...