richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

#2599 Finish attached logic

pull/2668/head
jlukic 9 years ago
parent
62110fc51f
commit
b5b137408f
2 changed files with 22 additions and 6 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 27
      examples/attached.html
  2. 1
      src/definitions/collections/message.less

27
examples/attached.html
View File

@ -12,13 +12,19 @@
<link rel="stylesheet" type="text/css" href="../dist/components/site.css">
<link rel="stylesheet" type="text/css" href="../dist/components/container.css">
<link rel="stylesheet" type="text/css" href="../dist/components/divider.css">
<link rel="stylesheet" type="text/css" href="../dist/components/grid.css">
<link rel="stylesheet" type="text/css" href="../dist/components/segment.css">
<link rel="stylesheet" type="text/css" href="../dist/components/table.css">
<link rel="stylesheet" type="text/css" href="../dist/components/icon.css">
<link rel="stylesheet" type="text/css" href="../dist/components/menu.css">
<link rel="stylesheet" type="text/css" href="../dist/components/message.css">
<style type="text/css">
h2 {
margin: 2em 0em;
}
.ui.container {
padding-top: 5em;
padding-bottom: 5em;
@ -28,6 +34,7 @@
<body>
<div class="ui container">
<h2 class="ui header">Attached Content</h2>
<div class="ui three column grid">
<div class="column">
@ -207,8 +214,11 @@
</div>
</div>
</div>
<div class="ui section divider"></div>
<div class="ui text container">
<h2 class="ui header">Mixed Attached Content</h2>
<div class="ui section divider"></div>
@ -221,6 +231,12 @@
<div class="ui attached segment">
1
</div>
<div class="ui attached icon info message">
<i class="help circle icon"></i>
<div class="content">
Message
</div>
</div>
<table class="ui bottom attached table">
<thead>
<th>Header</th>
@ -248,10 +264,11 @@
<div class="ui section divider"></div>
<div class="ui top attached three item menu">
<a class="item">Item</a>
<a class="item">Item</a>
<a class="item">Item</a>
<div class="ui top attached warning icon message">
<i class="attention icon"></i>
<div class="content">
Message
</div>
</div>
<table class="ui attached table">
<thead>

1
src/definitions/collections/message.less
View File

@ -204,7 +204,6 @@
margin-bottom: @verticalMargin;
}
.ui.attached.icon.message {
display: block;
width: auto;
}

Write Preview
Loading…
Cancel
Save