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,6 +49,7 @@ module LayoutHelper
49 'selectordie', 49 'selectordie',
50 'inputosaurus', 50 'inputosaurus',
51 'chat', 51 'chat',
  52 + 'block-store',
52 pngfix_stylesheet_path, 53 pngfix_stylesheet_path,
53 ] + tokeninput_stylesheets 54 ] + tokeninput_stylesheets
54 plugins_stylesheets = @plugins.select(&:stylesheet?).map { |plugin| plugin.class.public_path('style.css') } 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,88 +1795,10 @@ a.button.disabled, input.disabled {
1795 .invisible-block a.icon-button { 1795 .invisible-block a.icon-button {
1796 position: relative; 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 * put borders around boxes and blocks when organizing boxes * 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 #box-organizer div.box { 1802 #box-organizer div.box {
1881 background-repeat: no-repeat; 1803 background-repeat: no-repeat;
1882 background-position: top right; 1804 background-position: top right;
public/stylesheets/block-store.css 0 → 100644
  Diff comments   View file @bb9c8e9
@@ -0,0 +1,85 @@ @@ -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 +}